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

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