質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

解決済

2回答

731閲覧

Laravelでbootstrap4を利用する方法

dato

総合スコア64

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

0クリップ

投稿2020/05/16 04:08

前提・実現したいこと

laravelでbootstrap4を導入したいです。方法としてbootstrap-4.5.0-dist.zip\bootstrap-4.5.0-distをダウンロードし、bootstrap.jsとbootstrap.cssをpublic内のjsフォルダとcssフォルダにそれぞれ配置しました。udemyでは以下の方法で簡単にbootstrapを利用できると説明していたのですが、bootstrapが反映されないです。
なにか手順がたりないでしょうか?

該当のソースコード

<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no"> <script src="{{asset('/js/bootstrap.js')}}"></script> <script src="{{asset('/css/bootstrap.css')}}"></script> <nav class="navbar bg-light navbar-light fixed-top"> <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarContent"> <span class="navbar-toggler-icon"></span> </button> </nav>

補足情報(FW/ツールのバージョンなど)

laravel 6.4.1
ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

Laravelユーザーはそんな使い方はしてないので全部忘れていい。

前提として必要なのはnode.js/npmの知識。
PHPのパッケージはcomposerで管理と同じようにJS/CSSはnpmで管理。

Laravel5.8までは最初からbootstrap使えるように準備されてたけど
6からは分離されたのでlaravel/uiをインストールする作業が必要。
https://readouble.com/laravel/6.x/ja/frontend.html

Laravel7以降で今から新規プロジェクト作るなら
5.8までと同じように全部準備された状態で始められるので簡単。
https://laravel-news.com/installer-auth-scaffolding

投稿2020/05/16 04:36

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

composerからの導入の方が分かりやすいのでは

Laravel6でBootstrap, jQueryを使う方法

ただ、CDNでいいんじゃないでしょうか。

投稿2020/05/16 04:23

m.ts10806

総合スコア80875

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

dato

2020/05/16 04:57

Your requirements could not be resolved to an installable set of packages. 一応composerからの導入を試してみたのですが以下のようなエラーがでたため、インストールできなかったです。7に移行しろということなんでしょうかね、、CDNでやってみたいとおもいます Problem 1 - Conclusion: remove laravel/framework v6.4.1 - Conclusion: don't install laravel/framework v6.4.1  - laravel/ui 2.x-dev requires illuminate/filesystem ^7.0 -> satisfiable by illuminate/filesystem[7.x-dev, v7.0.0, v7.0.1, v7.0.2, v7.0.3, v7.0.4, v7.0.5, v7.0.6, v7
m.ts10806

2020/05/16 04:59

composer.jsonの記述次第だと思います。 Laravel6で利用できるlaravel/uiの指定が必要なのでは。
hentaiman

2020/05/16 05:37

CDNで良いの一言がGood
m.ts10806

2020/05/16 05:40

ほとんどのケースでライブラリを自前で持つのは悪手だと思ってます。 CSSも自前でCSS作って上書きした方が管理もしやすいです。
dato

2020/05/16 06:02

CDNで大丈夫でした。あまりCDNをすすめる声がわたしが調べた中だとなかったので不安でしたが、そのような意見を聞けて安心しました、ありがとうございます。
hentaiman

2020/05/16 06:02

その点ではなくLaravelのマニュアルに書いてあるようなやり方に拘る必要は無いというニュアンスが良かった
m.ts10806

2020/05/16 06:05

意見は色々あるかと思います。 まず第一に、目的はBootstrapが使えるようになることなので、 手段は問わず「簡単にできるやり方でいいんじゃないかな」というのはあります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問