Twitter Bootstrap 3固定的导航栏在水平模式下折叠

Question

更新：所以，我完全误诊了问题。 看起来折叠工作正常，因为它应该在设置为@ screen-sm-min的@ grid-float-breakpoint上折叠，但是由于某种原因，导航栏现在默认情况下在水平模式下折叠 。 这是我现在正在调试的内容。

导航栏折叠在大多数分辨率下都可以正常工作。 在超小型设备上，它可以正常崩溃，并且在大中型设备上可以正常显示。 但是对于iPad（1024×768）之类的小分辨率分辨率不是这样，该栏会折叠，但图标不会显示！

这是我的代码：

<div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand"><img src='assets/logo.png'/></a>
  </div>
    <div class="navbar-inverse-collapse collapse">
      <ul class="nav navbar-nav">
        <li><%= link_to("Games", games_path) unless current_page?(games_path) %></li>
      </ul>
      <form class="navbar-form navbar-right global-search">
          <input type="text" id="global-search" class="form-control col-lg-8" placeholder="Instant search">
      </form>
    </div><!--/.nav-collapse -->
</div>

知道为什么会这样吗？ 在Ruby on Rails 4.1应用程序上使用tbs 3.2.0

Answer 1

导航栏折叠时，图标被“删除”。 相反，如果您更改特定图标，则会看到3行（默认折叠的导航栏图标），它将代替行显示

Answer 2

所以，我想出了我的问题。 收合区域中没有“ navbar-collapse”类，该类需要收合才能正常运行。 所以代替：

<div class="navbar-inverse-collapse collapse">

应该是：

<div class="navbar-inverse-collapse navbar-collapse collapse">