MENU

[Laravel8] Bootstrap4 から5への移行

Laravel8講座
目次

この記事について

Laravel8を使ってBootstrap4から5への移行方法を知りたいという人に向けて書いています。
BootstrapはUIをよしなに良く表現してくれる良いライブラリです。
Bootstrap5について

Bootstrap5のインストール方法についてはこちらで解説しています!

はじめに

Bootstrap5が出ていたことを知り早速移行してみました。
Laravel8利用しています。

やったこと

コマンド数回打てば移行できます。

LaravelPJのディレクトリへ移動

cd [LaravelPJ]/


npmとかのパス読み込み

source ~/.bashrc

bootstrap5のインストール

npm install bootstrap@next


一つ警告が出ました!!

npm WARN bootstrap@5.0.0-beta3 requires a peer of @popperjs/core@^2.9.1 but none is installed.
You must install peer dependencies yourself.

翻訳 npmはBootstrap5は@popperjs/core@^2.9.1を必要としているがインストールされていません。
あなたは依存ライブラリを自分自身でインストールする必要があります。

popperjs/coreを自分でインストールしてねというエラーが出たので以下のコマンドで再実行

npm install bootstrap@next @popperjs/core --save-dev



最後にこれを実行(パスの書き換えとかをやってくれている理解)

npm run dev

コマンドは成功したっぽい



試しにこんな感じでBootstrap5からのクラスを書いてみたらスタイル適応されたので移行できたっぽいです。
<h2 class=”border-start border-primary border-5″>本サイトについて</h2>


めでたしめでたし

参考にしたサイト

関連記事

【Laravel8】Bootstrap5をインストールしてみる
よかったらシェアしてね!

この記事を書いた人

コメント

コメントする

目次
閉じる