スタイルシートが特定のページにロードされていません

Question

アプリケーションでマスターページを使用しています。すべてのカスタムスタイリングとブートストラップファイルが含まれていますが、ワイルドカードを使用するとlocalhost/final/User/idなどすべてのブートストラップとカスタムスタイリングリンクが動作しない可能性があり、すべてのファイルがパブリックフォルダに

<!-- Bootstrap CSS --> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/font-awesome.min.css" rel="stylesheet"> 
    <link href="css/portal-style.css" rel="stylesheet"> 
    <link href="css/portal-stylesheet.css" rel="stylesheet"> 

あり、これはこれは私がいずれかを使用するときに動作していないすべてのファイルへのリンクであるワイルドカード

と私のビューのためのスクリーンショットでありますワイルドカード

Answer 1

CSSやJSファイルがでているように通常あなたが、ときあなたの資産の両方が動作する、HTTPS用asset()またはsecure_asset()を使用することができます：あなたは、ブレードを使用している場合

、あなたは、このようなasset()メソッドを使用することができますpublicフォルダー。 パブリックフォルダを使用していない場合url()よりあなたのためにあります。

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> 

OR

<link href="{{ url('public/css/bootstrap.css') }}" rel="stylesheet"> 

Answer 2

あなたは、CSSへのリンクを構築するためにasset()ヘルパーを使用する必要があります。

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> 

あなたはpublic/cssディレクトリ内のCSSファイルを維持している場合、それはあなたのために働くだろう。

Answer 3

これは、表示しているページとの相対的なCSSファイルへのパスを記述したためです。

だから、あなたが表示したとき：localhost/final/user/idブラウザがここにcssファイルを探すために起こっている：localhost/final/user/css/bootstrap.css

Laravelはあなたのアセットファイル（CSS、画像など）の設定の痛みを取り除くためにいくつかのヘルパーメソッドを持っています。

<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/portal-style.css') }}" rel="stylesheet"> 
<link href="{{ asset('css/portal-stylesheet.css') }}" rel="stylesheet">