Bootstrap5対応の Gemを入れる
- 見た目を開発する。 こちらで紹介したbootstrapはver3の物でした
今回はbootstrap5に対応したGEMを入れていきます。 これを入れる事で、後述するkaminariやdeviceでのテンプレートにもbootstrap5のテンプレートGEMを当てていきます。
gem 'bootstrap', '~> 5.1.3'
gem 'jquery-rails'
application.css -> .scss
削除
*= require_self
*= require_tree
追加
@import "bootstrap";
app/assets/javascripts/application.js
下記を追加
//= require jquery3
//= require popper
//= require bootstrap-sprockets
- レイアウトを少し調整
ちなみにBootstrap5のドキュメントは下記にあります。
※ GEMでインポートされてるので、この部分に書かれてる設定などは特に必要ありません。