我正在使用Twitter的Bootstrap库的Bootswatch Cyborg主题。然而，Cyborg主题具有深色背景和浅色前景颜色，这与Bootstrap默认值形成反差。图标集PNG假定有浅色背景，在Cyborg主题中不显示。是否有适用于深色背景的相应图标集？我在Glyphicons网站上找不到。是否有一个简单的技巧可以将图标转换为负色？
1个回答
17
在你的Bootstrap图标上添加"icon-white"类，它就会在深色背景下呈现出白色。
例如：
<i class="icon-search icon-white"></i>
如http://twitter.github.com/bootstrap/base-css.html所示，对于Bootstrap 2，此方法有效。
- guax
3
哇，我完全忽略了这一点。谢谢你指出来！看起来Bootstrap也提供了一个基于白色的图标库。 - Wolfram Arnold
1有没有标准的方法来处理 class="close" 图标？ - NPC
假设您正在谈论模态框中的 .close，且仍在谈论 boostrap 2：.close 中的 x 是一个字体符号而不是图标。您可以通过应用简单的颜色 css 规则来设置其颜色。 - guax
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 ASPNETCDN 引用的 Bootstrap 图标无法正常显示
- 32 Twitter Bootstrap下的全屏背景
- 19 Twitter Bootstrap - 如何让 CSS 图标变大
- 12 Bootstrap图标无法显示
- 13 如何让Bootstrap模态窗口显示在底部
- 3 Bootstrap图标显示正常，但IE11报错CSS3111。
- 3 用pygments + bootstrap：突出显示带有深色背景的shell代码
- 5 Rails 4.1和Bootstrap 3的图标无法正常显示
- 34 Twitter Bootstrap图标在发布模式下无法显示404。
- 7 Bootstrap 4 DateTimePicker无法正常运作。图标未显示。