write ahead log

ロールフォワード用

Rails5にbootstrapを導入する

基本は公式に従うだけ.

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>

これで綺麗に出た.