在twitter bootstrap中匹配"icon-home"的颜色

Question

我试图使用twitter bootstrap将主页图标的颜色与非活动文本的颜色相匹配,如下所示:

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
      <ul class="nav">
        <li class="nav_item"><a href="indexdefaults.html"><i class="icon-home icon-gray"></i>Home</a></li>
        <li class="active"><a href="about.html">About</a></li>
      </ul>
    </div>
  </div>
</div>

但是"icon-grey"类比"nav_item"类中的文本暗得多.什么是匹配nav_item文本颜色的相应类图标foobar？

Answer 1

您可以使用自定义样式获得灰色:

.icon-gray {
  opacity: 0.3;
}

您可能必须根据黑色的重量更改或更高的不透明度.

Answer 2

图标只有两种变体，白色和黑色，如果您想获得不同颜色的图标集，您必须在 Photoshop 中修改原始图标或支付完整的图标集并修改源文件。没有.icon-gray。