Step by Step Ruby on Rails

Ruby on Railsで実際にWebサイトを構築する手順をまとめています。

refineryのレイアウトにブートストラップ3を使用

refineryのレイアウトにブートストラップ3を使用する方法です。
 
1)ブートストラップ3のインストール、設定
 
①インストール
 
$ vi Gemfile
 
gem 'bootstrap-sass'
 
$ bundle install
 
②config/application.rbに設定追加
 
$ vi config/application.rb
 
下記設定を追加
config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)
 
2)カスタムCSSファイルを作成し、ブートストラップ3をインクルード
 
$vi app/assets/stylesheets/custom.css.scss
 
@import "bootstrap";
 
3)BootstrapのJavaScript機能の設定
 
ナビゲーションメニュー内にあるドロップダウンメニューなどはBootstrapのJavaScriptライブラリを必要とします。
 
Railsアセットパイプラインを使ってインクルードします。
 
$ vi app/assets/javascripts/application.js
 
下記記述を追加します。
//= require bootstrap