javascript - 如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS

Question

通过使用twitter-bootstrap 可以通过添加来修改导航栏的外观.navbar-inverse。

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

我想做的是一个简单的js模块来改变网站的主题。
我的脚本只能将一个类添加到正文选择器，然后一切都由 less 文件完成。

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

使用js代码很容易得到结果。

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

但我的问题不同：
是否可以通过将 newTheme 类添加到 body 选择器来应用 navbar-inverse，更改 less 文件？
如果是，我应该如何写更少的规则？

我想做这样的事情：

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

要求：

我对 css、jquery 和下划线使用较少。

Answer 1

LESS 提供了在其他上下文中使用先前定义的类作为 mixin 的能力。尝试这个：

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

Answer 2

.navbar div{ padding: 0.2em;} 这样就解决了问题