.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 视图并将 css 添加到 site.css 文件。

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

为什么bootstrap.css又被下载了？

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

Answer 1

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

您可以通过更改引导文件本身来解决设计问题，也可以使用 !important 标记您的 css 代码，例如：

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

}

在你的引导 css 文件之后加载它。