So wenden Sie das CSS von Navbar-Inverse in Twitter-Bootstrap

Question

Mit twitter-bootstrap Es wird möglich sein, das Aussehen der Navbar durch Hinzufügen .navbar-inverse zu ändern.

<div class="navbar navbar-inverse"> 
    ... 
</div> 

Was ich zu tun versuchen, ist ein einfaches js Modul das Thema der Web-Site zu ändern.
Mein Skript ist nur in der Lage, eine Klasse zum body-Selektor hinzuzufügen und dann wird alles von der weniger Datei gemacht.

Mit js-Code ist es ziemlich einfach, das Ergebnis zu erhalten.

$('.navbar').addClass('navbar-inverse'); 

Aber meine Frage ist anders:
wird es durch Hinzufügen der newTheme Klasse Körper Wähler nur möglich sein, die navbar-inverse anzuwenden, die weniger Datei zu ändern?
Wenn ja, wie sollte ich die weniger Regel schreiben?

würde Ich mag so etwas machen:

.theme-dark { 
    .navbar { 
     // a function which makes 
     // the style of navbar-inverse 

Anforderungen:

ich weniger bin mit CSS, jQuery und unterstreichen.

Answer 1

LESS bietet die Möglichkeit, zuvor definierte Klassen als Mixins in anderen Kontexten zu verwenden. Versuchen Sie folgendes:

.theme-dark { 
    .navbar { 
     .navbar-inverse; 
    } 
} 

Answer 2

.navbar div {padding: 0.2em;} Dies löst das Problem