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 文件是否可能？
如果是，我应该如何编写 less 规则？

我想做这样的事情:

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

要求:

我在 css、jquery 和下划线中使用了 less。

Answer 1

LESS 提供了将先前定义的类用作其他上下文中的混合的能力。试试这个:

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