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

时间:2014-04-13 12:11:49

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

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

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

4 个答案:

答案 0 :(得分:28)

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

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

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

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

答案 1 :(得分:2)

要进行此更改,请转到:\ Content \ bootstrap.css

并找到以下代码块:

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

答案 2 :(得分:1)

添加:

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

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

答案 3 :(得分:1)

只需将其粘贴到您的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*/ 

在_Layout中 品牌名称:

 @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>