Boostrap скрыть в 480 пикселей

Question

Я полный новичок в начальной стадии. У меня есть класс CSS, который работает для некоторых других наших разделов. Я попытался добавить новый раздел, и он не работает. Я понятия не имею, что я делаю. LOL Из того, что я вижу, видно, что это должно работать. Предполагается, что рухнет, если минимальная ширина 480px или меньше.

HTML:

<div class="orderhistory-subcontainer2 orderhistoryhide"><b>Paid</b></div>

CSS:

    @media only screen and (min-width: 480px) {
    .orderhistoryhide
        {
            display:none;
        }
}

Answer 1

Ну, я нашел частичный ответ на мой вопрос:

    @media only screen and (max-width: 480px) {
 .orderhistoryhide
     {
        visibility: hidden;
     }
 }

дисплей: нет; не работает. Я не уверен, почему, но настройки видимости скрытых теперь, кажется, работают. Я думаю, что мне нужно изменить несколько других вещей в HTML, но это, кажется, является правильным решением. Спасибо за вашу помощь.

Answer 2

вам просто нужно изменить минимальную ширину на максимальную ширину, причина

    @media only screen and (min-width: 480px) {
    .orderhistoryhide
        {
            display:none;
        }
}

означает, что ни один из них не будет применен к экранам шириной более 480 пикселей если вы хотите меньше 480px

@media only screen and (max-width: 480px) {
.orderhistoryhide
    {
        display:none;
    }

}

Answer 3

Если размер экрана 480px или меньше, скрыть элемент

  @media only screen and (max-width: 480px) {
     .orderhistoryhide
         {
            display: none;
         }
     }