7

twitter-bootstrapを使用 することにより、を追加することでナビゲーションバーの外観を変更することが可能になります.navbar-inverse。

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

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

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

jsコードを使用すると、結果を簡単に取得できます。

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

しかし、私の質問は異なります。
ボディセレクターにnewThemeクラスを追加するだけで、navbar-inverseを適用し、lessファイルを変更するだけで可能でしょうか。
はいの場合、lessルールをどのように書く必要がありますか？

私はこのようなものを作りたいです： 

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

要件：

私はcss、jquery、アンダースコアにあまり使用していません。

4

2 に答える 2

5

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

.theme-dark {
    .navbar {
        .navbar-inverse;
    }
}
于 2012-10-15T12:51:22.297 に答える
0

.navbar div {padding：0.2em;}これで問題が解決します

于 2013-08-07T18:37:46.773 に答える