2016-05-24 7 views
1

CSSファイルをブレードファイルに正しくリンクするにはどうすればよいですか?私は<link rel = "stylesheet" type = "text/css" href = "navigation.css">を試しましたが、私にとってはうまくいかなかったのです。ナビゲーションバーを含む子ページを作成し、同じフォルダ内にCSSファイルも作成しました。したがって、それらはテンプレートの(部分)フォルダサブフォルダの下にあります。CSSファイルをブレードファイルにリンクしますか?

navigation.blade.php

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

<div class = "navbar navbar-default"> 
<ul> 
    <li> 
     <a href = "#">Login</a> 
     <a href = "#">Register</a> 
    </li> 
</ul> 
</div> 

navigation.css

.navbar-default 
{ 
background-color: #7574bf; 
} 

ブートストラップライブラリ。 SSH

答えて

1

別の<link>をスタイルシートに追加する必要があります。それはあなたのCSSファイルを取得します。 (それはbootstrap.min.cssと同じディレクトリ上にある場合、これは作品になる)

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

だからあなたのコードは次のようになります。

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

<div class = "navbar navbar-default"> 
<ul> 
    <li> 
     <a href = "#">Login</a> 
     <a href = "#">Register</a> 
    </li> 
</ul> 
</div> 

あなたのフォルダ構造:

public/css 
public/images 
public/fonts 
public/js 

は、この作品を願って!

+0

動作しませんでした。同じフォルダ内にあれば、どうすれば正しくリンクできますか? – Francisunoxx

+0

@Francisunoxxでは、ブラウザに「開発者コンソール」を開いて、何かエラーがあるかどうかを確認できます(404が見つかりません)? –

+0

'リソースの読み込みに失敗しました:サーバが404のステータスで応答しました(見つからない)' – Francisunoxx

関連する問題