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, die alternate stylesheets. Dank klären Sie mich.
Schreibe einen Kommentar