" />

スポンサーリンク

CSS Laravel PHP UI

LaravelでBootstrap4を使う

投稿日:

やり方1 お手軽にCDNを使う

お手軽なのが、CSSとJavaScriptのリンクを貼ることです。

適用したいPHPページに、適当なCDNのリンクを貼ります。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"><!-- Bootstrap本体 -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><!-- Scripts(Jquery) -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><!-- Scripts(bootstrapのjavascript) -->

適当なボタンに、 class="btn btn-primary" を付与して、適用されているか動作確認してください。

このお手軽なやり方でも全然OKです。納品するときは、CDN直接ではなく、ダウンロードして resources/css と resources/js 配下に置いておきましょう。

やり方2

1.laravel/ui をインストール

下記コマンドによりlaravel/uiをインストールする。

$ composer require laravel/ui --dev

2.Bootstrap4 をダウンロードする

下記コマンドによりBootstrap4をダウンロードする。

$ php artisan ui bootstrap

Bootstrap scaffolding installed successfully.
Please run "npm install && npm run dev" to compile your fresh scaffolding.

3.Boostrap4をダウンロードする

$ npm install

4.Bootstrap4をビルドする(使えるようにする)

$ npm run dev

エラーが発生した

5.Bootstrap4を使用する

スポンサーリンク

-CSS, Laravel, PHP, UI

Copyright© ノリックジオグラフィック for Webエンジニア , 2022 All Rights Reserved Powered by AFFINGER5.