RailsでBootstrapを導入する方法

メモ書き程度の備忘録。最初に一度やるだけの手順ってどうしても繰り返しにくいから忘れがちなんだよなぁ～ってことで…

Gemfileにbootstrap-sassを追加

gem 'bootstrap-sass', '3.4.1'

BootstrapではLESS CSS言語を使用しているが、RailsはSass言語をデフォルトでサポートしているため、上記のgemでLESS→Sassの変換を可能にする。

$ bundle install

でインストールするのを忘れずに。

$ touch app/assets/stylesheets/hogehoge.scss

として、Sassファイルを作成。もちろん、他の方法でファイル作成できるならそちらでもOK。

先ほど作ったファイルに以下の記述をして、Bootstrapと関連するsprocketsを読み込んでいく。

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

これでRailsでBootstrapを使用する準備は整った。あとはViewファイルでBootstrapで使用したいクラスを指定したり、CSSをカスタマイズしていけばOK！