はじめに rails6系にwebpackerを使って、bootstrap5をインストールして使おうとしたときにclassで指定したデザインが反映されなかったので、 サーバーのログを確認してみたところ、下記のようなエラーが出ていました。 Module not found: Error: Can't resol…

はじめに Rails6系からは「yarn + webpacker」でBootstrapを導入するのが標準のようなので、こちらの方法で導入していいきます。 設定方法 まずはwebpackerをインストールします。 $ rails webpacker:install ... Webpacker successfully installed 続いて、…

はじめに フラッシュメッセージの設定について フラッシュメッセージの設定 Bootstrapに用意されているスタイルのフラッシュ一覧 :alert, :notice ※デフォルト :success, :info, :warning, :danger applicationコントローラに下記のadd_flash_typesを定義す…

はじめに ナビゲーションメニューについて そもそもナビゲーションメニューって何？ ナビゲーションメニューとは、サイトやブログの上部やサイドなどに並んでいるリンクのことです。 ※bootstrapの公式サイト↓ たとえば上記の画像だと、自分は「ホーム」のペ…