Comment appliquer le CSS de navbar-inverse dans twitter-bootstrap

Question

En utilisant twitter-bootstrap Il sera possible de modifier l'apparence de la barre de navigation en ajoutant .navbar-inverse. Ce que j'essaye de faire est un simple module de js pour changer le thème du site Web.
Mon script est juste capable d'ajouter une classe au sélecteur de corps et tout est fait par le fichier less.

$('body').addClass('theme-dark'); 

En utilisant le code js, il est assez facile d'obtenir le résultat.

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

Mais ma question est différente:
sera-il possible en ajoutant simplement la classe newTheme au sélecteur de corps pour appliquer la barre de navigation-inverse, en changeant le fichier moins?
Si oui, comment dois-je écrire la règle moins?

Je voudrais faire quelque chose comme ceci:

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

Exigences:

Je suis moins pour utiliserai css, jquery et UnderScore.

Answer 1

LESS permet d'utiliser des classes définies précédemment en tant que mixins dans d'autres contextes. Essayez ceci:

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

Answer 2

.navbar div {padding: 0.2em;} Cela résout le problème