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

Question

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

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

我要做的是一个简单的js模块来改变网站的主题 我的脚本只能将一个类添加到主体选择器，然后所有内容都由较少的文件生成。

$('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提供了将以前定义的类用作其他上下文中的mixins的功能。试试这个：

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

Answer 2

.navbar div {padding：0.2em;} 这解决了问题