在移动浏览器中隐藏导航栏

Question

我正在使用Twitter Bootstrap创建一个移动响应式网站。在移动设备上查看网站时，我想完全隐藏顶部导航栏。有人知道这样做的方法吗？

Answer 1

最简单的方法是使用响应式实用程序类.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

Demo

Answer 2

Bootstrap 3只有{{1}}

手机/平板电脑/桌面仅适用于BS2.x

Answer 3

试试看！
只需在div类中添加“ hidden-xs”

<div class="navbar hidden-xs">