3

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

4

3 回答 3

7

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

演示

于 2013-05-20T18:15:09.907 回答
1

Bootstrap 3刚刚.hidden-xs/sm/md/lg

手机/平板电脑/台式机仅适用于 BS2.x

于 2017-04-30T22:19:13.517 回答
0

尝试这个！
只需将“hidden-xs”添加到 div 类

<div class="navbar hidden-xs">
于 2018-09-17T15:31:52.810 回答