Ändern Sie die Standard-header-Farbe in MVC5-app

Habe ich erstellen MVC5-app ,in der Ansicht-index die header-Farbe ist schwarz und ich will es ändern,wo kann ich es finden?

Ich versuche zu suchen, #000000, aber seine in vielen Orten ...

seine in der css-Datei
ja, aber es gibt viele Orte, die es...
Die MVC5-Vorlage verwendet Bootstrap - Navigation: stackoverflow.com/questions/18529274/...
es wird in main.css
Versuchen Sie es mit Firebug (Firefox-addon) und sehen, wo Sie ändern, auch Sie können es online zu sehen den Effekt sofort

InformationsquelleAutor shopia T | 2014-04-13

  1. 27

    In Standard-MVC 5 web site, die Hintergrundfarbe der header navigation bar angewendet wird, durch .navbar-inverse css-Klasse zur Verfügung, die in bootstrap.css Datei unter \Content\bootstrap.css Ordner Ihres Projekts.

    Ändern dieser Stil, den Sie überschreiben können es auf der Website.css-Datei anstelle der änderung der Basis bootstrap-css-Datei selbst.

    Einfach hinzufügen die folgenden auf Ihrer Website.css-Datei sollte sich ändern, die Hintergrundfarbe der navbar.:

    .navbar-inverse { background-color: #ccc !important; }
    Das schien zu funktionieren in dev für mich aber nicht in der Produktion. Dies ist, was funktioniert in der Produktion, gehen Abbildung: .navbar{ background-image: none; } ich habe es hier gefunden: stackoverflow.com/questions/18529274/...

    InformationsquelleAutor Agha A. Raza

  2. 1

    Hinzufügen:

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

    in der Site.css - Datei befindet sich in der Content Ordner zu überschreiben, die hintergrund-Farbe.

    InformationsquelleAutor klingu

  3. 0

    Fügen Sie diesen in Ihre Website.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
    Die Marke Name :

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

    Für Alle Navbar Element

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

    InformationsquelleAutor Yusufm.Salh

Schreibe einen Kommentar