无法覆盖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。

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

以下是捆绑包中的条目。 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之后。

Answer 2

尝试将您的css文件放在index.html文件中的另一个文件上。

Answer 3

正如其他人提到的那样，检查CSS调用的顺序。但是，在屏幕截图中，字体大小仍在继承.body-content，而不是.body-container。

Answer 4

感谢所有建议。我接手一个项目，而我之前的开发人员根本没有使用样式表，一切都是内联样式。基于上面的建议，我找到了我从未想过的内联样式。他们将内联样式直接放在_Layout.cshtml页面的容器中。我删除了内联样式并且有效。

<div class="container body-content" style="font-size:11px">
     @RenderBody()
</div>