RailsへのBootstrap導入手順について

背景

Bootstrapをよく使うため、備忘録として書き残しておこうと思った。

手順

1.Gemfileに必要なgemを追加してbundle installを実行する。

gem 'bootstrap', '~> 4.4.1'
gem 'jquery-rails'

$ bundle install

2.app/assets/stylesheets/appcation.cssの拡張子を.scssに直し以下を記述する。
（既存の記述は消して良い）

　@import "bootstrap-sprockets";
　@import "bootstrap";

3.app/assets/javascript/appcation.jsの中の、「//= require~」と書いてる部分の以下を追記する。

(中略)
//
//= require rails-ujs
//= require activestorage
//= require turbolinks

//以下3行を追記する。

//= require jquery3
//= require popper
//= require bootstrap-sprockets

//一番下にこのコードが来るようにする
//= require_tree .

これで導入完了したはずです。
正しく導入されているか一度確認してみましょう❗️

参考サイト