当我折叠页面时，响应式引导导轨导航栏下拉菜单保持向下答案

【问题标题】：Responsive boostrap rails nav-bar drop down stays down when i collapse page当我折叠页面时，响应式引导导轨导航栏下拉菜单保持向下
【发布时间】：2013-08-07 20:55:15
【问题描述】：

当我尝试从 Twitter Bootstrap 2.3.2 入门页面运行示例 Starter 模板并尝试将页面折叠到更小的尺寸时，导航栏项目不会像在演示中那样折叠到角落，而是保留作为下拉下拉。我正在使用带有

的 Rails

gem 'bootstrap-sass' and 
gem 'sass-rails',   '~> 3.2.3' [in assets]

我的 application.js 文件包括：

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require_tree .

我的 boostrap_and_overides.css.scss 文件包括：

@import "bootstrap";
body { padding-top: 60px; }
@import "bootstrap-responsive";

我喜欢响应式引导的想法，但无法让它发挥作用这是主要代码：

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<h1>Hello, world!</h1

 <div class="navbar navbar-inverse navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="brand" href="#">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><!--/.nav-collapse -->
    </div>
  </div>
</div>

</body>
</html>

【问题讨论】：

这里是发布到 Github 的示例代码：github.com/dao888/raboot

标签： ruby-on-rails twitter-bootstrap navbar

【解决方案1】：

我发现了问题所在。作为记录，我使用的是 gem 'rails', '3.2.7'，当我更新到 gem 'rails', '3.2.13' 时，问题就解决了。

【讨论】：