ASP MVC kann bootstrap css nicht überschreiben

Ich habe so viel versucht, Bootstrap CSS mit dem folgenden navbar css zu überschreiben. Jedes Mal, wenn ich versuche, die CSS zu laden, kann ich nicht einmal etwas in meinem Browser seheASP MVC kann bootstrap css nicht überschreiben

.navbar-default { 
    background-color: #205ba2; 
    border-color: #2d74ca; 
} 
.navbar-default .navbar-brand { 
    color: #ecf0f1; 
} 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus { 
    color: #dce9f8; 
} 
.navbar-default .navbar-text { 
    color: #ecf0f1; 
} 
.navbar-default .navbar-nav > li > a { 
    color: #ecf0f1; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
    color: #dce9f8; 
} 
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus { 
    color: #dce9f8; 
    background-color: #2d74ca; 
} 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus { 
    color: #dce9f8; 
    background-color: #2d74ca; 
} 
.navbar-default .navbar-toggle { 
    border-color: #2d74ca; 
} 
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus { 
    background-color: #2d74ca; 
} 
.navbar-default .navbar-toggle .icon-bar { 
    background-color: #ecf0f1; 
} 
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form { 
    border-color: #ecf0f1; 
} 
.navbar-default .navbar-link { 
    color: #ecf0f1; 
} 
.navbar-default .navbar-link:hover { 
    color: #dce9f8; 
} 

@media (max-width: 767px) { 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { 
     color: #ecf0f1; 
    } 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { 
     color: #dce9f8; 
    } 
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { 
     color: #dce9f8; 
     background-color: #2d74ca; 
    } 
}

Dies ist die richtige Reihenfolge meiner Meinung nach, aber es funktioniert nicht jederzeit.

Quelle

2017-05-18 Stefan Gies

1) Wahrscheinlich importieren Sie Ihr erstes dann selbst Bootstrap so Ihre Werte erhalten überschrieben (Annahme). 2) Sie sollten es wirklich vermeiden, es so zu tun, Farbvariablen zu überschreiben und so wie Sie tun, ist eine Wartungshölle, Sie sollten stattdessen die weniger Dateien des Bootstrap verwenden und andere Werte auf die Variablen setzen, anstatt jede Regel mit neuen Werten neu zu erstellen. 3) Wenn 1) falsch ist, haben Sie möglicherweise Cache-Probleme, versuchen Sie den Browser-Cache zu löschen. –

Können Sie auch Ihren HTML-Code anzeigen? – Pete

Sie benötigen CSS Link zu der Seite nach Link zu Bootstrap aufzunehmen. Zum Beispiel:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<link rel="stylesheet" href="mytheme.css">

Für einige Regeln, die Sie verwenden !important benötigen.
versuchen auch jede Abfrage-String zu Ihrer CSS-Datei URL hinzufügen сaching Problem zu vermeiden, zum Beispiel:
```
<link rel="stylesheet" href="mytheme.css?version=new"> 
```

Quelle

2017-05-18 10:10:34 Alexander

ASP MVC kann bootstrap css nicht überschreiben

Antwort

Verwandte Themen