Laravel
LaravelでBootstrapが使えない時の対処方法
いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。
オススメ本
Laravel で Bootstrap が使えない時の対処方法について、まとめました。
はじめに
Laravel6 やそれ以前のバージョンでは、Bootstrap は最初から使えるように設定されています。
その Bootstrap が、
- 最初のページでは使える
- 追加したページで使えない
というときであったり、
そもそもBootstrapがなぜ使えるのかよく分からない人
向けの記事となります。
最初のページでは使えるが、新しく追加したページで使えない
これは、Bootstrap が入っている CSS や JS ファイルを
-
最初のページでは読み込んでいるが
-
新しく追加したページでは読み込んでいない
ことが原因となります。
この、Bootstrap が入っている CSS や JS ファイルは、具体的にいうと、
- public/js/app.js
- public/css/app.css
となります。
最初のページは、初期設定では welcome.blade.php なので、それをみていきます。
welcome.blade.php
このファイルでは、どこで読み込んでいるのでしょうか?
一番上の方でこのような記述があります。
extends('layouts.app')
この extends というのは、Laravel の共通テンプレートを使うことを定義しています。