Question

我正在使用此靴带模板 http://startbootstrap.com/template-overviews/stylish-portfolio/

在index.html的底部，它们是一些fa fa图标。一个facebook，twitter和dribbble。现在它们是浅蓝色。但我怎么能改变呢？我希望图标颜色不同

我已经查看了css，我找不到fa fa icons，facebook，twitter，dribble，ul，{{ 1}}。

它还会在哪里这是html

li

Answer 1

这些是Font Awesome图标，并且基本上呈现为文本，因此您可以对文本执行任何样式，您可以对这些图标执行。

这意味着您可以将color CSS样式应用于<i>标记，图标将以该颜色呈现。

例如

<ul class="list-inline">
    <li>
        <a href="http://www.facebook.com"><i class="fa fa-facebook fa-fw fa-3x" style="color:blue;"></i></a>
    </li>
    <li>
        <a href="http://www.twitter.com"><i class="fa fa-twitter fa-fw fa-3x"  style="color:red;"></i></a>
     </li>
</ul>

JSFiddle

另外请注意，大多数品牌如Facebook，Twitter，YouTube等都有关于如何使用品牌，图标和颜色的非常严格的指导方针。因此，如果要更改图标的颜色，则需要了解任何法律含义。

Answer 2

您可以单独定位图标类，然后为每个类应用样式。

i.fa-facebook{
  color:red;
}

i.fa-twitter{
  color:green;
}

JSFiddle

正如上面的@steve所说，你应该知道这些公司对其品牌资产的使用所施加的限制。 Facebook品牌指南可以在这里找到; https://www.facebookbrand.com/

您可以通过Google中的简单搜索轻松找到其他人，例如“推特品牌指南”

Boots Strap fa fa图标

2 个答案: