通过使用 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。
最佳答案
LESS 提供了将先前定义的类用作其他上下文中的混合的能力。试试这个:
.theme-dark {
.navbar {
.navbar-inverse;
}
}
关于javascript - 如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12893846/