Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在twitter引导中应用navbar Reverse的CSS_Javascript_Css_Twitter Bootstrap_Less - Fatal编程技术网

Javascript 如何在twitter引导中应用navbar Reverse的CSS

Javascript 如何在twitter引导中应用navbar Reverse的CSS,javascript,css,twitter-bootstrap,less,Javascript,Css,Twitter Bootstrap,Less,利用 可以通过添加.navbar inverse来修改导航栏的外观 <div class="navbar navbar-inverse"> ... </div> 通过使用js代码,很容易获得结果 $('.navbar').addClass('navbar-inverse'); 但我的问题不同: 只需将newTheme类添加到body选择器,即可应用导航栏反转,更改较少的文件吗? 如果是,我应该如何编写less规则 我想做这样的事情: .theme-dark {

利用 可以通过添加
.navbar inverse
来修改导航栏的外观

<div class="navbar navbar-inverse">
  ...
</div>
通过使用js代码,很容易获得结果

$('.navbar').addClass('navbar-inverse');
但我的问题不同:
只需将newTheme类添加到body选择器,即可应用导航栏反转,更改较少的文件吗?
如果是,我应该如何编写less规则

我想做这样的事情:

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


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

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

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

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

为什么不使用另一种样式表呢?@cimmanon感谢您的评论。使用替代样式表是什么意思?你能给我举个例子吗?thanks@cimmanon,对我来说,你建议使用
替代样式表
似乎不符合我的目的。1) bootstrap已经给了我navbar反转的风格。。。那么我为什么要附加另一个css文件呢?也许我不理解
备用样式表
。谢谢你澄清我。
.theme-dark {
    .navbar {
        .navbar-inverse;
    }
}