Css 引导响应导航栏仅在电话模式下折叠（无平板电脑模式）

我有一个反应灵敏的引导菜单，但我不想在平板电脑模式下关闭它。我尝试在桌面和平板电脑模式下显示相同的菜单。 菜单以940px或更低的速度折叠，我想以768px或更低的速度折叠

有人能帮我吗？谢谢

守则：

div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- I want to display this code only in Phone mode-->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <a class="brand" href="#">Project name</a>

      <!-- This  part is hidden (collapsed) at 940px or less
           But I want to collapse it at 768px or less!!!!
      -->
      <div class="nav-collapse collapse">
           <!-- menu items -->
      </div>

    </div>
  </div>
</div>

div class=“navbar”>

最好的方法是使用@navbarcollapsewith变量重新编译，并将其从979px更改为768px。如果不想使用较少的变量，可以使用引导站点上的“自定义”页面更改该变量：

转到bootstrap-responsive.css文件

去952号线

将最大宽度从979px更改为768px

---

在页面上查找“响应实用程序类”，并非所有平板电脑在纵向模式下的逻辑宽度都为768px。请考虑一下。苹果坚持768px，三星坚持800px。