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;
}
}