Bootstrap css覆盖自定义css样式

时间:2017-07-18 19:13:25

标签: c# html css asp.net twitter-bootstrap

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

在我的_Layout.cshtml中我有

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

我在

中包含了必要的内容
<div class="navbar-custom navbar-brand navbar-fixed-bottom">

但如果我使用逆,它仍然显示白色或黑色。如何让我的自定义导航栏工作?

1 个答案:

答案 0 :(得分:0)

每当您将引导加载到项目中时,您必须在引导后加载自定义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特性的本教程

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