首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在一个页面上使用两个Twitter引导主题?

如何在一个页面上使用两个Twitter引导主题?
EN

Stack Overflow用户
提问于 2015-04-12 19:56:29
回答 1查看 1.7K关注 0票数 2

我正在使用HTML、CSS和JavaScript开发一个单一页面的web应用程序(没有iframes)。

我在左边有一个滑出菜单,我想要包含根据一个深色的引导主题样式的元素(来自Bootswatch)。

然而,在应用程序的主区域,我想放置使用另一个轻巧的引导主题样式的元素。

有什么办法我能做到吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-12 20:17:18

我建议使用>运算符手动将这两个主题添加到CSS作用域中,在这个岗位上解释得很好。

例如,对于引导按钮类:

代码语言:javascript
运行
复制
.light > // This is the Scope
    .btn {
        ...
    }
}

这样,您可以使用以下语法:

代码语言:javascript
运行
复制
<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集成在一起,您可以找到这里

也许还有更好的选择,但这是我现在唯一能想到的。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29593966

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档