如何让Bootstrap图标在深色背景上工作?

时间:2012-04-22 16:30:37

标签: twitter-bootstrap css-sprites bootswatch

我正在使用Twitter的Bootswatch Cyborg theme Bootstrap library。然而,Cyborg主题具有深色背景和浅色前景色,从Bootstrap默认值看为负面。图标集PNG采用浅色背景,不会显示在Cyborg主题中。是否为深色背景设置了相应的图标?我在Glyphicons'网站上找不到一个。是否有一个简单的技巧可以将图标变成负面颜色?

1 个答案:

答案 0 :(得分:17)

在你的引导图标中添加icon-white类,它将在黑暗中显示为白色。

像:

<i class="icon-search icon-white"></i>

这适用于http://twitter.github.com/bootstrap/base-css.html

中的Bootstrap 2