c# - Bootstrap css 覆盖自定义 css 样式

Question

我有生成内置 bootstrap.css 和 Site.css 文件的 MVC 5 元素。我正在尝试添加我在 TWBSColor 上生成的自定义颜色导航栏.我将生成的代码粘贴到位于 Content 文件夹中的 Site.css 文件中。我什至将其命名为 .navbar-custom 而不是通常的 .navbar 或 .navbar-inverse，只是为了确保它与众不同。

在我的 _Layout.cshtml 中有

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")

我把必要的内容包装在了

<div class="navbar-custom navbar-brand navbar-fixed-bottom">

但如果我使用反转，它仍然显示白色或黑色。如何让我的自定义导航栏工作？

Answer 1

无论何时将 bootstrap 加载到元素中，都必须在 bootstrap 之后加载自定义 CSS 样式表。下面是一个例子

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Custom CSS File -->
<link rel="stylesheet" href="fileName.css" />

如果这不能解决问题，请查看有关 CSS Specificity 的教程

https://www.youtube.com/watch?v=fy07HYm-geM&index=6&list=PLqGj3iMvMa4IOmy04kDxh_hqODMqoeeCy