jquery - 在 Bootstrap 中制作响应式导航栏？

Question

有没有办法让响应式不崩溃？我不想使用折叠，因为它将所有菜单隐藏在一个按钮中。我想保留一些不受屏幕解决方案影响的列表。

对不起我的解释。我想要的是在下拉列表中隐藏一些列表，但保留一些。请访问www.plus.google.com例如。

Answer 1

是的。让我们以基本导航栏为例:

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="#" class="brand">Project name</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

并修改为删除<button ... ./>你不需要它。您应该做的另一件事是删除 nav-collapse collapse类。最后:

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">

          <a href="#" class="brand">Project name</a>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
        </div>
      </div>
    </div>