【Rails】Bootstrapを適用

lessを使う方法とsassを使う方法がありますが、ぼくは普段sassを使うので今回はsassを使った導入方法です

gemを追加

Gemfileに以下を追加します

gem 'sass-rails'
gem 'bootstrap-sass'

gemをインストール

$ bundle install

cssファイルとjsファイルの編集

app/assets/stylesheetsの「application.css」を「application.css.scss」にリネーム

中身をすべて消して以下を追加

@import 'bootstrap-sprockets'
@import 'bootstrap'

app/assets/jsのapplication.jsに以下を追加

・
・
・
//= require jquery
//= require bootstrap-sprockets  # 追加
//= require jquery_ujs
//= require turbolinks
//= require_tree .

これでBootstrapのスタイルが適用されるようになります