Bootstrap の導入

ここを参考に、yarn を使って Bootstrap を導入した。

問題

インストールした popper のバージョンが低い

• yarn add jquery bootstrap popper.jsで Bootstrap とその peer な依存パッケージである popper.jsを導入した
• しかし Bootstrap 5.1.3 の要求を満たさない1系の popper.js がインストールされたため、bundle exec rails webpacker:compile で module not found error が出た
• 一度アンインストールし直して、yarn add @popperjs/coreをインストールすることで解決

Bootstrap が読み込まれない

• html 内の要素の class に Bootstrap のクラス名を設定したが、反映されない
• 原因は、app/assets/stylesheets/application.scss内での Bootstrap の import ができてなかったこと
• ファイル内に@import "bootstrap";を追加することで解決