Скрыть div в зависимости от горизонтального браузера

Я использую Twitter Bootstrap 2 с жидкостной компоновкой (отзывчивый дизайн) и хочу скрыть div-box, если размер горизонтали браузера меньше 800 пикселей.

Как я могу это сделать?

Ответы

Ответ 1

Вы можете применить пользовательский класс к элементу, который вы хотите скрыть, и добавить к нему свойство display:none, чтобы скрыть его внутри запроса @media, который соответствует ширине вашего выбора, например:

@media (max-width: 800px) {
    .hidden-800 {
        display:none !important;
    }
}

Просто не забудьте поместить запрос @media вниз в конце вашей пользовательской таблицы стилей.