はじめに
Ruby on Railsチュートリアルに従ってWebアプリケーションを作ってbootstrapを使おうと思っていたんですが、いくつかうまいこと動かないものがありました。
これはなんぞやということで色々調べていたらどうやらrailsチュートリアルではbootstrap3までしか対応していなくてbootstrap4を入れるには色々弄らないといけないらしい。
困ったので書き残しておこうと思います。
参考にしたのは公式ドキュメントになります。
a. Gemfileに以下のものを加える。
gem 'bootstrap', '~> 4.1.3'
gem 'jquery-rails'
b.application.cssに
@import bootstrap;
を加える。
c.application.cssの拡張子をapplication.scssに変更する。
d.application.scssについて、
*= require
から始めるコメント文を全て削除する。
これを削除しないとbootstrapの変数がうまく扱えないらしい。なお、これを削除した関係で読み込むcssは@importから指定して明示的に読み込む必要がある。
e.application.jsに以下を追加する。
//= require jquery3
//= require popper
//= require bootstrap-sprockets
これでbootstrap4が使えるようになる。
custom.cssを使う場合には、application.scssから@import custom
としてやる。
bootstrap4と3では使える変数名も異なるのでそこにも気をつける必要があるかも。。。