Wie wendet man die CSS der navbar-inverse im twitter-bootstrap
Mithilfe twitter-bootstrap
Wird es möglich sein, ändern Sie das Aussehen der Navigationsleiste durch hinzufügen .navbar-inverse
.
<div class="navbar navbar-inverse">
...
</div>
Was ich versuche zu tun, ist eine einfache js-Modul zum ändern des Designs der Website.
Mein Skript ist nur in der Lage, hinzufügen einer Klasse zum body-Selektor und dann ist alles gemacht von den weniger-Datei.
$('body').addClass('theme-dark');
Durch die Verwendung von js-code ist es relativ einfach, erhalten das Ergebnis.
$('.navbar').addClass('navbar-inverse');
Aber meine Frage ist anders:
wird es möglich sein, nur durch das hinzufügen der newTheme Klasse Körper-Selektor gelten die navbar-inverse, ändern der weniger-Datei?
Wenn ja, wie soll ich schreiben, die weniger die Regel?
Ich würde gerne so etwas wie dieses:
.theme-dark {
.navbar {
//a function which makes
//the style of navbar-inverse
Anforderungen:
Ich bin mit weniger css, jquery und underscore.
- Warum verwenden Sie nicht nur ein alternate stylesheet?
- vielen Dank für Ihren Kommentar. Was meinst du mit einem alternate stylesheet? können Sie mir ein Beispiel nennen? Dank
- mir Ihren Vorschlag zu verwenden
alternate stylesheets
scheint, dass passt nicht meinem Zweck. 1) bootstrap bereits mir der Stil über navbar-inverse,... also warum sollte ich anfügen einer anderen css-Datei? Vielleicht habe ich nicht verstehen, diealternate stylesheets
. Dank klären Sie mich.
Du musst angemeldet sein, um einen Kommentar abzugeben.
WENIGER bietet die Möglichkeit zur Verwendung von zuvor definierten Klassen als Mixins in Verbindung, die in anderen Kontexten. Versuchen Sie dies:
.navbar div{ padding: 0.2 em;}
Dies löst das Problem