web-dev-qa-db-ja.com

MVC5アプリのデフォルトのヘッダーの色を変更する

MVC5アプリを作成しましたが、ビューインデックスでヘッダーの色が黒で、変更したいのですが、どこにありますか？

＃000000を検索しようとしましたが、多くの場所で...

asp.netasp.net-mvcasp.net-mvc-4asp.net-mvc-5
7
shopia T

デフォルトのMVC5 Webサイトでは、ヘッダーナビゲーションバーの背景色は、プロジェクトの.navbar-inverseフォルダーの下にあるbootstrap.cssファイルで利用可能な\Content\bootstrap.csscssクラスを介して適用されます。

このスタイルを変更するには、ベースbootstrap cssファイル自体を変更する代わりに、Site.cssファイルでこのスタイルをオーバーライドできます。

Site.cssファイルに以下を追加するだけで、ナビゲーションバーの背景色が変更されます。

.navbar-inverse { background-color: #ccc !important; }
28
Agha A. Raza

これを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*/

in _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>
1
Yusufm.Salh

追加：

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

の中に Site.cssファイルはContentフォルダーにあり、背景色を上書きします。

1
klingu