Asp.net Core 2.0 MVC CSSが正常に動作しない

Question

私のサイトにCSSを追加する際に問題がありますが、bootstrap.cssファイルとsite.cssファイルをリンクして正しく検索して使用していますがファイルに何かを追加しようとすると、ファイルを使用しません。

@foreach (var article in Model.Articles) 
{ 
    <div class="col-md-12"> 
     <ul class="list-group article-list"> 
       <li class="list-group-item"> 
        <a asp-action="Details" asp-route-id="@article.Id" asp-route-title="@article.Title.ToFriendlyUrl()">@article.Title</a> 
        <br /> 
        <div id="articleIndex">@article.ShortContent ... [<a asp-action="Details" asp-route-id="@article.Id" asp-route-title="@article.Title.ToFriendlyUrl()">Read More</a>]</div> 
        <small>published by @article.Author on @article.PublishDate.ToShortDateString()</small> 
       </li> 
       @if (User.IsInRole("Administrator") || User.Identity.Name == article.Author) 
       { 
        <a href="article/edit/@article.Id" class="btn btn-danger">Edit</a> 
        <a href="article/delete/@article.Id" class="btn btn-danger">Delete</a> 
       } 
     </ul> 
    </div> 
} 

だから私は、ファイルをsite.cssに以下を追加しましたが、それはそれを使用しない：ここで私はDIVから溢れからHTMLを防ぐためにそれを使用しようとしているコードがあります。私はbootstrap.cssにも追加しようとしましたが、まだそれを正しく使用していません。もし私がhssファイルにcssを追加すれば、それは動作します。

div#articleIndex { 
    word-wrap: break-word !important; 
} 

なぜそれが今の私のカスタム追加のCSSを見つけることであるが、それでも

Answer 1

Site.cssという名前のプロジェクトファイル内を検索し、そこに自分のスタイルを追加し、ブートストラップのデフォルトのものを使用しています。正しいロード順序に従っていることを確認してください。最新のCSSが以前のものを上書きするので、Site.cssはbootstrap.cssの後に読み込まれます。 最後に、Chrome開発ツール（F12）でSite.cssが読み込まれていることを確認します。