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

【问题标题】：How to apply the CSS of navbar-inverse in twitter-bootstrap如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS
【发布时间】：2012-10-05 07:43:42
【问题描述】：

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

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

我想做的是一个简单的js模块来改变网站的主题。
我的脚本只是能够向 body 选择器添加一个类，然后一切都由 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 和下划线使用 less。

【问题讨论】：

为什么不直接使用备用样式表？
@cimmanon 感谢您的评论。备用样式表是什么意思？你能给我一个例子吗？谢谢
@cimmanon，对我来说，您使用alternate stylesheets 的建议似乎不符合我的目的。 1) bootstrap 已经给了我关于 navbar-inverse 的风格......那我为什么要附加另一个 css 文件呢？也许我不明白alternate stylesheets。谢谢你澄清我。

标签： javascript css twitter-bootstrap less

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

.navbar div{ 填充：0.2em;} 这样就解决了问题

【讨论】：