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">