Twitter Bootstrap 3 修复了水平模式下导航栏折叠的问题

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

导航栏折叠在大多数分辨率上都工作正常。它在超小型设备上可以很好地折叠，并在中型和大型设备上按预期显示。但不适用于 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 <</p>

div class="one_answers">

当导航栏折叠时，图标被"删除"。相反，您会看到 3 行（默认折叠的导航栏图标），如果您更改该特定图标，它将显示而不是行

所以，我想出了我的问题。折叠区域没有折叠正常运行所需的"导航栏折叠"类。所以代替：

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

它应该是：

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

相关内容

最新更新

热门标签：