Вопрос

Скрыть панель навигации в мобильных браузерах

Автор вопроса: Sara20.05.2013Ответов: 3

Я делаю мобильный адаптивный сайт, используя Twitter Bootstrap. Я хотел бы полностью скрыть верхнюю панель навигации при просмотре сайта на мобильном устройстве. Кто-нибудь знает способ сделать это?

uinavigationbar twitter-bootstrap

Ответы

Ответ 1 · рейтинг 7 · Zim

Самый простой способ - использовать адаптивные служебные классы .hidden-phone и .hidden-tablet.

<div class="navbar hidden-tablet hidden-phone">

Вы также можете использовать медиа-запрос, такой как..

@media (max-width: 767px) {
    .navbar{
        display:none;
    }
}

Подробнее об адаптивных классах здесь: http://twitter.github.io/bootstrap/scaffolding.html#responsive

Демо

Ответ 2 · рейтинг 1 · zzzzzzz

Bootstrap 3 содержит только .hidden-xs/sm/md/lg

Телефон/планшет/настольный компьютер применяется только для BS2.x

Ответ 3 · uriateho

Попробуйте это!
просто добавьте "hidden-xs" в класс div

<div class="navbar hidden-xs">

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.