Twitter bootstrap 使用BS3和导航按钮进行菜单切换

所以。。。这是一个标题菜单。。。但不是默认值你可以在那里看到它。我正在努力让响应菜单工作。我以前设置过，但是使用默认的导航栏。我相信，在xs模式下，该部分应该呈现一个显示/隐藏菜单的按钮。不过，我似乎无法让它发挥作用

任何帮助都将不胜感激

<nav class="navbar" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <%= link_to image_tag("erb_logo.png", alt: "Eco Rebox"), root_path, class: "mainlogo navbar-brand" %>
    </div>
    <div class="collapse navbar-collapse" id="bs-navbar-collapse1">
      <ul class="nav nav-pills pull-right">
        <li><%= link_to 'Home', root_path, class: 'first' %></li>
        <li><%= link_to 'News', posts_path, class: 'blog' %></li>
        <li class="dropdown second">
          <a href="about" class="dropdown-toggle" data-toggle="dropdown">
            About <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to 'Company Profile', about_path %></li>
            <li><%= link_to 'Our Customers', companies_path %></li>
            <li><%= link_to 'What People Are Saying', testimonials_path %></li>
          </ul>
        </li>
        <li class="dropdown third">
          <a href="logistics" class="dropdown-toggle" data-toggle="dropdown">
            Solutions <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to 'Software', software_path %></li>
            <li><%= link_to 'Sustainability', rethink_path %></li>
            <li><%= link_to 'Logistics & Methodology', restore_path %></li>
          </ul>
        </li>
        <li class="dropdown fourth">
          <a href="products" class="dropdown-toggle" data-toggle="dropdown">
            Products <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to 'Reusable Boxes', reuse_path %></li>
            <li><%= link_to 'Shipping Containers', shipping_path %></li>
          </ul>
        </li>
        <li><%= link_to "Contact", contact_path, class: 'fifth' %></li>
        <% if signed_in? %>
        <li class="dropdown sixth">
          <a href="user" class="dropdown-toggle" data-toggle="dropdown">
            My Account <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><%= link_to "Dashboard", current_user %></li>
            <li><%= link_to "Settings", edit_user_path(current_user) %></li>
            <li class="divider"></li>
            <li><%= link_to "Sign out", signout_path, method: "delete" %></li>
          </ul>
        </li> 
        <% else %>  
        <li><a href="#signinModal" role="button" data-toggle="modal">Sign in</a></li>
        <% end %> 
      </ul>
    </div> <!--/.navbar-header -->
  </div> <!--/.container -->
</nav>

上面的内容并不是围绕菜单展开的

但是，您还有其他错误。通过验证器运行它，修复错误。确保折叠围绕着要折叠的对象

图标栏上没有显示任何内容，所以您需要修复药片不会以小尺寸堆叠的问题，但在这里它可以工作

---

那张桌子被包装在菜单上。。。但是你的不同之处在于你把.navbar的听筒放在了整个菜单上，这绝对管用。-文档中没有显示这一点。而且，很明显，图标栏嵌套在.navbar default中，所以我取出了一些CSS并相应地设置了样式。谢谢

    <div class="collapse navbar-collapse" id="bs-navbar-collapse1">