Twitter-bootstrap uygulamasında navbar-inverse CSS nasıl uygulanır

Question

twitter-bootstrap kullanarak .navbar-inverse ekleyerek navbar görünümünü değiştirmek mümkün olacaktır.

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

Yapmaya çalıştığım şey, web sitesinin temasını değiştirmek için basit bir js modülüdür.
Komut dizim, gövde seçicisine bir sınıf ekleyebiliyor ve her şey daha az dosya tarafından yapılıyor.

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

Js kodunu kullanarak sonucu elde etmek oldukça kolaydır.

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

Ama benim sorum farklıdır: sadece daha az dosyasını değiştirerek, navbar-tersini uygulamak için vücut seçicinin NewTheme sınıfını ekleyerek
mümkün olacak?
Evet ise daha az kuralı nasıl yazmalıyım?

Böyle bir şey yapmak istiyorum:

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

Gereksinimler: Ben css, jquery için daha az kullanarak ve alt am

.

Answer 1

LESS, önceden tanımlanmış sınıfları diğer bağlamlardaki karıĢımlar olarak kullanma becerisi sağlar. Bu deneyin:

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

Answer 2

.navbar div {padding: 0.2em;} Bu