3

我有一个响应式引导菜单，但我不想在平板电脑模式下折叠它。我尝试在桌面和平板电脑模式下显示相同的菜单。菜单在 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>
4

2 回答 2

4
  1. 转到 bootstrap-responsive.css 文件。
  2. 转到第 952 行。
  3. 将最大宽度从 979px 更改为 768px。
于 2013-05-13T01:15:06.133 回答
4

最好的方法是使用LESS重新编译并将 @navbarCollapseWidth 变量从 979px 更改为 768px。如果您不想使用 LESS，您可以使用 Bootstrap 站点上的自定义页面来更改该变量：http: //twitter.github.com/bootstrap/customize.html

于 2013-01-29T20:47:34.313 回答