読者です 読者をやめる 読者になる 読者になる

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

前提

gem bootstrap-sass

作業手順

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

の通りに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

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

f:id:akameco:20140820192056j:plain