更改 MVC5 应用程序中的默认标题颜色答案

【问题标题】：Change the default header color in MVC5 app更改 MVC5 应用程序中的默认标题颜色
【发布时间】：2014-05-27 09:06:01
【问题描述】：

我创建了 MVC5 应用程序，在视图索引中，标题颜色为黑色，我想更改它，在哪里可以找到它？

我尝试搜索#000000，但它在很多地方...

【问题讨论】：

是的，但是那里有很多地方......
MVC5模板使用Bootstrap的导航栏：stackoverflow.com/questions/18529274/…
它将在 main.css 中
尝试使用Firebug（Firefox插件），看看你需要改变的地方，你也可以在线改变它立即看到效果

标签： asp.net asp.net-mvc asp.net-mvc-4 asp.net-mvc-5

【解决方案1】：

在默认的 MVC 5 网站中，标题导航栏的背景颜色通过项目的\Content\bootstrap.css 文件夹下的bootstrap.css 文件中的.navbar-inverse css 类应用。

要更改此样式，您可以在 Site.css 文件中覆盖它，而不是更改基本引导 css 文件本身。

只需将以下内容添加到您的 Site.css 文件即可更改导航栏的背景颜色。：

.navbar-inverse { background-color: #ccc !important; }

【讨论】：

这对我来说似乎在开发中有效，但在生产中无效。这就是在生产中起作用的方法，请看图：.navbar{ background-image: none;我在这里找到它：stackoverflow.com/questions/18529274/…

【解决方案2】：

只需将其粘贴到您的 site.css 中

/*green navbar*/ 
.navbar-inverse { background-color:#28a745 !important;  }
a.mynav {background-color:#28a745 !important;}
.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav > li > a  
{color: #ffffff;} 
/* end of green navbar*/

在_布局中品牌名称：

 @Html.ActionLink("Application name", "Index", "Home", new { area = "" }, new { @class = "navbar-brand active" })

对于任何导航栏项目

 <li>@Html.ActionLink("Contact", "Contact", "Home", new { @class = "mynav nav-item active" })</li>

【讨论】：

【解决方案3】：

要进行此更改，请转到：\Content\bootstrap.css

并找到这个代码块：

.navbar-inverse {
    background-color: #ff0000;
    border-color: #808080;
}

【讨论】：

【解决方案4】：

添加：

.navbar {
    background-color: #39870C; // kind af green
}

在位于Content 文件夹中的Site.css 文件中覆盖背景颜色。

【讨论】：