Rails4.1のBootstrap3でcollapseを有効にする

前提

gem bootstrap-sass

作業手順

結論から言うとcollapseを有効にする方法は

• github.com/twbs/bootstrap-sass

の通りにbootstrapのjsを有効にしてやればよい。

具体的には app/assets/javascripts/application.jsに //=require bootstrap-sprocketsを追加する。

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

また、app/assets/stylesheets/application.css.scssに追加する。

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

application.css.csssは常に読み込まれるので他のcsccで @import "bootstrap"と記述する必要はない。(jsも同様)

また、Rails newするとapplication.cssが自動生成されると思うが、 それは削除しておく必要がある。

rm app/assets/stylesheets/application.css

個人的にはmvしてimportを追記すればいいと思う。

mv application.css application.css.scss

ちょっとハマってググったけど、迷ったらとりあえず本家を見ればいいと思った。