css - 不能覆盖 Bootstrap 类？

Question

我正在尝试增加网站上的字体大小，但我似乎无法覆盖默认 CSS。下面是使用开发人员工具查看时应用的 CSS 的屏幕截图。我正在尝试将大小增加到 14px。我尝试了几种不同的 CSS 样式，但都没有成功。每次测试时，我还清除了浏览器缓存。

在我的 LESS 文件中，我有以下内容:

@font-size-base:    14px;

我也尝试在我的 LESS 文件中添加以下内容:

div.container.body-container{
  font-size: @font-size-base !important;
}

AND

.container.body-container{
  font-size: @font-size-base !important;
}

AND

.body-container{
  font-size: @font-size-base !important;
}

您可以看到某些东西正在覆盖字体以使其成为 11px。

***** 更新 *****

这是 bundle 中的条目。 site.css 位于 Bootstrap.css 文件之后。

bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Scripts/ui/jquery-ui.css",
                      "~/Content/site.css"));

Answer 1

当您在 HTML 中包含 CSS/LESS 文件时，请确保它位于 Bootstrap CSS/LESS 之后。