我正在使用HTML、CSS和JavaScript开发一个单一页面的web应用程序(没有iframes)。
我在左边有一个滑出菜单,我想要包含根据一个深色的引导主题样式的元素(来自Bootswatch)。
然而,在应用程序的主区域,我想放置使用另一个轻巧的引导主题样式的元素。
有什么办法我能做到吗?
发布于 2015-04-12 20:17:18
我建议使用>运算符手动将这两个主题添加到CSS作用域中,在这个岗位上解释得很好。
例如,对于引导按钮类:
.light > // This is the Scope
.btn {
...
}
}这样,您可以使用以下语法:
<div class="light">
<a href="#" class="btn btn-primary">Light Themed Link</a>
</div>
<div class="dark">
<a href="#" class="btn btn-primary">Dark Themed Link</a>
</div>因为>意味着直接子元素,它只影响标记范围元素中的子类。这意味着您不必在每个要样式化的元素中重复class"light"或class="dark"。相反,您可以选择一个作用域,它可能是主体,或者是div,甚至是span,然后您可以像往常一样使用引导类。
您可以手动完成此操作,但我建议您使用LESS,它已经与最新的引导程序源代码或SASS集成在一起,您可以找到这里。
也许还有更好的选择,但这是我现在唯一能想到的。
https://stackoverflow.com/questions/29593966
复制相似问题