twitter-bootstrap - 如何让 Bootstrap 图标在深色背景下工作?

标签 twitter-bootstrap css-sprites bootswatch

我正在使用 Bootswatch Cyborg theme Twitter 的 Bootstrap library .但是,Cyborg 主题具有深色背景和浅色前景色,这与 Bootstrap 默认设置是负面的。图标集 PNG 采用浅色背景,不会显示在 Cyborg 主题中。深色背景是否有相应的图标集?我在 Glyphicons 上找不到一个' 地点。有没有简单的技巧将图标变成负色?

最佳答案

将 icon-white 类添加到您的 Bootstrap 图标中,它将在黑暗中显示为白色。

喜欢:

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

这适用于 Bootstrap 2,如 http://twitter.github.com/bootstrap/base-css.html 所示。

关于twitter-bootstrap - 如何让 Bootstrap 图标在深色背景下工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10269779/

相关文章:

html - 在 Bootstrap 中更改行高

html - Sprite css 菜单 - 无法在菜单上对齐 div 中的大 Logo

css - 在悬停时切换图像背景的最佳方式?

html - 像其他 Bootstrap Bootswatch 一样在导航栏中设置自定义链接(在 navbar-nav 之外)

css - BootSwatch 是否有任何自定义构建器来删除不必要的选择器?

javascript - 无法让 Bootstrap modal.js 工作

html - 导航栏超出所有其他页面 div 宽度并在页面调整大小时创建空白区域

javascript - Jquery/JavaScript 在本地运行,但不在服务器上运行

ruby-on-rails - Ruby on Rails 项目的 CSS Sprite 生成器

html - Bootswatch 下拉列表 - 列表的最后一个字符被截断