rails bootstrapの導入
・Gemfileにbootstrap gemを追加今回は4系のバージョンを指定してbundle install
gem 'bootstrap', '~> 4.3.1'
bootstrapのレイアウトを適用するためにapp/assets/stylesheets/application.scssに
@import "bootstrap";
を記述 ※この時、新しいRailsアプリを生成したばかりの場合、applicationのフォーマットを.cssから、.scssに変更する、その後、scssファイルに記述されている= requireや= require_treeなどのsprocketsディレクティブを削除しておく。そうしないと@importで定義した内容がうまく読み込めず、bootstrapが反映できないので注意!!
・bootstrapのjavascriptはjQueryに依存しているので、rails 5.1以降を使用しているときはGemfileに
gem 'jquery-rails'
を記述
bootstrapのtooltipsはpopper.jsに依存してるので
application.jsにbootstrapとjqueryのjavascriptを追加
//= require jquery3 //= require popper //= require bootstrap // = require_tree .
参考文献