Boots Strap fa fa图标

时间:2015-12-03 03:49:02

标签: jquery html css

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

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

我已经查看了css,我找不到fa fa iconsfacebooktwitterdribbleul,{{ 1}}。

它还会在哪里 这是html

li

2 个答案:

答案 0 :(得分:3)

这些是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等都有关于如何使用品牌,图标和颜色的非常严格的指导方针。因此,如果要更改图标的颜色,则需要了解任何法律含义。

答案 1 :(得分:1)

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

i.fa-facebook{
  color:red;
}

i.fa-twitter{
  color:green;
}

JSFiddle

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

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