■Bootstrap5を使ってみたいと思ったきっかけ
Railsチュートリアルで使っていたBootstrapをポートフォリオのフロントでも使いたい…でもチュートリアルだとBootstrap3だからいかにも…感が否めない。どうやらBootstrap5だと割とモダンなnavbarなどのコンポーネントが提供されていそう、、、と感じたため。先に断っておきますが初学者のため間違っている箇所がありましたら、ご指摘いただけますと幸いです。
■導入方法
Rails newコマンドのオプションを指定するだけです。
rails new [アプリ名] -j esbuild --css bootstrap
■確認
Bootstrap5のサンプルコード(下記画像ではNavbar)をとりあえずRailsのビューに記載してみて確認する。
私はとりあえずapp/views/application/new.html.erbを作成してサンプルコードをコピペして確認しました。
絶対Bootstrap3よりモダンなナビゲーションバーにできました…笑
■引用
Youtubeで下記動画を視聴いたしました!動画内ではRails newの時だけでなく、おそらくRails環境構築後、Bootstrapに移行する方法もおっしゃっているようですが私が英語よわよわなため理解できませんでした…よろしければ教えていただけると幸いでございます….
https://www.youtube.com/watch?v=jyqjecyCv3A&list=WL&index=1