Railsでbootstrapを使う

Railsでbootstrapを使うちょっとだけハマったのでメモ。

Gemfile

gemには下記のように追加。

gem 'sprockets', '2.11.0'
gem 'bootstrap-sass', '3.1.1.0'

sproketsは本来追加する必要がないのだけれど、バージョンによってはbootstrap-sassが動かずハマるようなので、相性の良いという2.11.0で固定した。

css

app/assets/stylesheets/application.css.scssに下記の文言を追加。

@import "bootstrap";

別に上記ファイルでなくても良いと思うのだけれど、とりあえず。//= requireで追加すると他のcssから読み込めなくなる?から直接@importで書いたほうが良い様子。

JavaScript

app/assets/javascripts/application.jsに下記の文言を追加。

//= require bootstrap

参考

Pocket
LINEで送る

You may also like...