css - 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-gray”类比“nav_item”类中的文本暗得多。与 nav_item 文本的颜色匹配的适当类 icon-foobar 是什么？

Answer 1

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

.icon-gray {
  opacity: 0.3;
}

您可能需要根据黑色的重量来降低或提高不透明度。