Ruby on Railsアプリでブートストラップ３を利用する手順をまとめました。

１）アプリケーション作成
　
ここでは、新規に”btstrp”という名前のアプリを作成しています。
　
$ rails new btstrp
　
２）Gemfileを修正
　
$ cd btstrp
$ vi Gemfile
　
gem ‘bootstrap-sass’, ‘~> 3.3.1’
gem ‘sass-rails’, ‘>= 3.2’
gem ‘autoprefixer-rails’
　
※下記JavaScriptランタイムのコメントを削除して有効にします。
gem ‘therubyracer’, platforms: :ruby
　
３）バンドルインストール
　
$ bundle install
　
４）コントローラとビューを作成
　
ここでは、”StaticPages”という名前のコントローラと”home”という名前のアクションを作成します
　
$ rails generate controller StaticPages home
　
５）config/application.rbに設定追加
　
$ vi config/application.rb
　
下記設定を追加します
config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)
　
６）カスタムCSSを追加
　
①カスタムCSS用のファイルを追加
“app/assets/stylesheets/”ディレクトリに”custom.css.scss”という名前のファイルを作成
　
②Bootstrapをインポート
すべてのブートストラップスタイル、ミックスイン、変数を取得するためにSCSSファイル内にBootstrapをインポートします。
　
“custom.css.scss”ファイルに下記のように記述します。
　
@import “bootstrap-sprockets”;
@import “bootstrap”;
　
７）動作確認
　
①ビューの”home”にブートストラップのサイトから入手したoffcanvasのサンプルページのHTMLコードをコピーします。
http://getbootstrap.com/examples/offcanvas/
　
②http://localhost:3000/static_pages/homeにアクセスし、正常にレイアウトされて表示されることを確認します。