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

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


uinavigationbar twitter-bootstrap
person Sara    schedule 20.05.2013    source источник

Ответы (3)


arrow_upward
7
arrow_downward

Самый простой способ — использовать адаптивные служебные классы .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

Демо

person Zim    schedule 20.05.2013

arrow_upward
1
arrow_downward

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

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

person zzzzzzz    schedule 30.04.2017

arrow_upward
0
arrow_downward

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

<div class="navbar hidden-xs">
person uriateho    schedule 17.09.2018