railsにtwitter-bootstrap-railsを導入するまで
なかなかうまく行かずにハマってしまった。
まず注意しなければいけないのが、gemが
twitter-bootstrap-rails
と
twitter-bootstrap3-rails
で2種類存在しているということ。
こいつをうっかり、取り違えて操作をしていると、事故る。
詳細については、下記の記事にちゃんと書いてあるので、それを読んでもらうとして
Rails4でサイト構築をする – Bootstrap導入編 | TechRacho
下記のコマンドで、CSSとかJSを作成する。
$rails generate bootstrap:install static insert app/assets/javascripts/application.js create app/assets/javascripts/bootstrap.js.coffee create app/assets/stylesheets/bootstrap_and_overrides.css create config/locales/en.bootstrap.yml gsub app/assets/stylesheets/application.css
そして、レイアウトを差し替え
※fluidと書いてあるのは、レスポンシブ用
$rails g bootstrap:layout <レイアウト名> fluid create app/views/layouts/entrance.html.slim
これで、railsを起動している場合は、一旦、ctrl + cで落としてから再起動すれば効いてるはず。
やったぜ。
参考になったページtechracho.bpsinc.jp
マジで助かった。ありがとうございました。
- 作者: 鍋坂理恵,大月茂樹
- 出版社/メーカー: ソシム
- 発売日: 2013/11/07
- メディア: 単行本
- この商品を含むブログ (3件) を見る