Laravel 9でBootstrapを使うには

Laravel Laravel

Laravel 8では、デフォルトのCSSのフレームワークがTailwindっていうのに変更されていたようですが、Laravel 9ではlaravel/uiをインストールするとBootstrapが使えるようです。

ただし、ページャーを表示した時にBootstrapのクラスが適用されていなかったので、下記の作業が必要でした。

app/Providers/AppServiceProvider.phpにPaginator::useBootstrap();を追記します。

    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        // ページャーでBootstrapを使う
        Paginator::useBootstrapFive();    // Bootstrap 5
    }

Laravel 9.1.0でのBootstrapのバージョンは5.1.3でした。

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

(2022年4月26日追記)

もしかしたら、laravel/uiをインストールしただけではBootstrapが使えないようになっているかも?です。マニュアルの手順でインストールできました。

9.x フロントエンド Laravel
composer require laravel/ui
php artisan ui bootstrap
php artisan ui bootstrap --auth
npm install
npm run dev

「npm run dev」でエラーが出た場合は、

npm install resolve-url-loader@^5.0.0 --save-dev --legacy-peer-deps
npm run dev

で、無事にBootstrapがインストールできました。

この記事を書いた人

余分なこだわりは捨てる。それがぼくのスタイル。

PHPでWebアプリを作り、小さな花の写真を撮ってよろこんでいる人。元Webエンジニア。プログラミング講師。余分なこだわりを捨てて生きやすくなりたいと思いつつも、なかなかこだわりを捨てきれない頑固者。まろと呼んでください。

さかのうえの まろをフォローする
Laravel
シェアする