2012-10-15 3 views
7

twitter-bootstrap .navbar-inverseを追加することで、navbarの外観を変更することができます。twitter-bootstrapでnavbar-inverseのCSSを適用する方法

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

私がしようとしているのは、Webサイトのテーマを変更する簡単なjsモジュールです。
私のスクリプトは、ボディセレクタにクラスを追加するだけで、すべてがlessファイルによって作成されます。

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

jsコードを使用すると、結果を取得するのが非常に簡単です。

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

しかし、私の質問は異なっている:ちょうどより少ないファイルを変更し、ナビゲーションバー-逆を適用するためにボディセレクタにnewThemeクラスを追加することにより、
が、それは可能でしょうか?
はいの場合は、どのようにルールを書くべきですか?

私はこのような何かしたいと思います:

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

要件:

私は、CSS、jQueryとアンダースコアのために以下を使用しています。

+0

を解決しますか?あなたのコメントをお寄せいただきありがとうございます。 – cimmanon

+3

@cimmanon代替のスタイルシートはどういう意味ですか?あなたは私に例を教えてくれますか?感謝 –

+0

@cimmanon、私には、あなたの提案は「代替のスタイルシート」を使うことは私の目的に合わないようです。 1)bootstrapは既にnavbar-inverseについてのスタイルを私に与えています...なぜ別のCSSファイルを添付しなければならないのですか?たぶん、私は '代替スタイルシート'を理解していなかったでしょう。私を明確にしてくれてありがとう。 –

答えて

5

LESSは、他のコンテキストで以前に定義されたクラスをmixinとして使用する機能を提供します。

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

+1ありがとうございます。これは私が探していたものです。 –

0

.navbar divの{パディング:0.2em;}このお試しください をこれが問題あなただけの代替スタイルシートを使用していないのはなぜ

関連する問題