.Net Core 2.0のデフォルトテンプレートオーバーライドブートストラップ

Question

VS 2017バージョン15.0.26929.2を使用して、デフォルトのWebプロジェクト（ASP.NET Core Webアプリケーション、Webアプリケーションモデルビューコントローラ、ASP.NET Core 2.0）を作成しました。

私はここに示すように、ブートストラップの丸薬の背景色を上書きしたい： Changing color of Twitter bootstrap Nav-Pills

マークアップ

<ul class="nav nav-pills red"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Overview</a></li> 
    <li><a href="#tab2" data-toggle="tab">Sample</a></li> 
    <li><a href="#tab3" data-toggle="tab">Sample</a></li> 
</ul> 

CSS

.red .active a, 
.red .active a:hover { 
    background-color: red; 
} 

私はindex.cshtmlにマークアップを追加しましたviewとcssをsite.cssファイルにコピーします。

私がFirebugを使ってスタイルの変更が適用されない理由を検出すると、bootstrap.cssファイルが2回ダウンロードされることがわかります。 site.cssの前ともう一度。

なぜbootstrap.cssが再度ダウンロードされるのですか？

私はこのプロジェクトに他の変更を加えていないことに注意してください。

Answer 1

それは二回ロードされていません。ステータスコード304は、変更されていないbootrapファイルを受信しようとしていることをクライアントに伝えています。つまり、既にキャッシュされているブートロープファイルをロードする必要がない場合です。 200は、ファイルをロードしたことを示します。

あなたはどちらかbootrapファイル自体、またはあなたとあなたのCSSコードをマークすることができを変更することで、設計を解決することができるような重要な：！

.red .active a:hover { 
background-color: red !important; 

}

ちょうどあなたbootrap CSSファイルの後にそれをロードします。