.Net Core 2.0默认模板 - 覆盖bootstrap

Question

我使用VS 2017版本15.0.26929.2创建了一个默认的Web项目（ASP.NET Core Web Application，Web Application Model-View-Controller，ASP.NET Core 2.0）。

我想覆盖bootstrap药丸的背景颜色，如下所示： 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视图和css到site.css文件。

当我使用Firebug来检测未应用样式更改的原因时，我看到bootstrap.css文件已下载两次。一次在site.css之前和之后再次。

为什么再次下载bootstrap.css？

请注意，我对此项目没有任何其他更改。

Answer 1

它没有加载两次。状态代码304告诉客户端它将要接收未修改的bootrap文件，这意味着如果它已经有一个缓存的文件，则不需要加载它。 200说它已经加载了一个文件。

您可以通过自行更改bootrap文件来解决设计问题，也可以使用！important标记您的css代码：

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

}

只需在你的bootrap css文件后加载它。