Bootstrap JS不与Middleman合作

Question

试图获得一个非常简单的引导站点并运行下拉列表的JS / jQuery似乎无法正常工作。

的Gemfile

#default stuff...
gem "sass"
gem "bootstrap-sass","~> 3.3.5", :require => false

布局

<!-- ... -->
<%= javascript_include_tag "all" %>
<!-- ... -->

all.js

//=require_tree .

然后从默认的bootstrap Nav Bar复制并粘贴html：http://getbootstrap.com/components/#navbar

CSS工作且导航栏正确折叠为汉堡包图标，但单击任何锚标记会导致页面无变化。我试过在all.js，Gemfile和layout.erb中以不同的方式要求jQuery和bootstrap，没有任何成功。我在这里错过了什么超级简单的事情？

非常感谢你的帮助！

Answer 1

我第一次使用雅虎搜索并发现比谷歌更好的结果。我发现a blogger who had the answer谢天谢地！

的Gemfile

sets

all.css.scss

gem "bootstrap-sass", "~> 3.3.5", :require => false 
gem "jquery-middleman" #Don't forget to run 'bundle install'

all.js

@import "bootstrap-sprockets";
@import "bootstrap";

需要树。＆＃39;在我之前的Rails项目中工作但是给我带来了问题。有时jQuery可以被包含两次，所以当你点击一个下拉列表时，它会比你看到的更快地打开和关闭，你认为它根本不起作用。它似乎有效，但只是要小心。

快乐的编码！