我正在使用一个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>
我把它放在错误的地方吗?感谢
答案 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