基本は公式に従うだけ.
Gemを導入する
Gemfileに以下を追記.
gem 'jquery-rails' gem 'bootstrap-sass', '~> 3.3.7'
いつも通り更新.
$ bundle install
application.cssをリネーム
$ mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
application.scssを編集
以下を削除.
*= require_tree . *= require_self
以下を追記.
// 必ずこの順番でないとダメ @import "bootstrap-sprockets"; @import "bootstrap";
application.jsを編集
以下を記述.
//= require jquery //= require bootstrap-sprockets //= require_tree .
試す
雑にscaffoldで準備して試す
$ rails g scaffold user name:string email:string $ rails db:migrate $ rails s
出てきたけどなんか変.
containerを書いておく
bootstrapってcontainer書いておかないとダメだった.
<!-- containerのdivで囲む --> <div class="container"> <%= yield %> </div>
これで綺麗に出た.