Buggy bootstrap 3导航栏下拉列表和崩溃

时间:2017-10-07 16:18:22

标签: ruby-on-rails twitter-bootstrap-3

我正在使用一个bootstrap 3导航栏来创建一个我正在创建的网站。它看起来很棒,但我经常遇到一个错误,下拉菜单不会扩展或折叠按钮不起作用。我正在Rails中构建它,并在我的application.html.erb文件底部的bootstrap.min.js中添加了cdn链接。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

我把它放在错误的地方吗?感谢

1 个答案:

答案 0 :(得分:1)

你检查过你的控制台了吗? Bootstrap需要JQuery,所以如果你还没有包含JQuery,它可能不起作用。

但是,在Rails应用程序中,人们通常使用gem bootstrap-sass来合并Bootstrap-3。此gem允许您在asset pipeline中包含引导程序。当资产全部保留在资产管道中时,可以更轻松地确定资产订单的优先顺序。

我强烈建议使用bootstrap-sass docs在您的资产管道中包含Bootstrap,而不是在您的html中通过CDN包含bootstrap。该文档有一个分步指南,告诉您如何包含它,并且它还针对Rails 5进行了更新。

Rails的一个好处是它允许您保持代码非常有条理,因此将Bootstrap包含在该组织中是件好事。

有用的资源:

<强>更新

使用bootstrap-sass gem,您的application.js文件应如下所示(加上您可能添加的任何其他javascripts):

// app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .

最重要的是,按此顺序需要这两行:

//= require jquery
//= require bootstrap-sprockets