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

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

演示