增加字体真棒图标

Question

我对一些字体很棒的图标有点麻烦.我试图增加其中一些的大小,但由于某种原因,我似乎没有做任何工作.

这是我的HTML

<div class="span5 bookBuild">
 <div class="well well-small">
   <h4>Build your Book!</h4>
   <div class="span2">
      <i class="icon-file icon-large"></i>
   </div><!--span2-->
   <div class="span9">
      <p>This is a paragraph</p>
    </div><!--span9-->
    <p class="clearfix"></p>
   </div><!--well-->
 </div><!--span5-->

我试图添加,因为你可以看到icon-large类和icon-2x类.没有icon-2x- icon-4x正在运作.

我也试过定位特定的图标,然后增加字体大小,如 font-size: 3em;

任何帮助都会很棒!

Answer 1

我们可以使用字体很棒来制作更大的图标.字体真棒提供了一个类来增加它们.

要增加相对于容器的图标大小,请使用fa-lg(增加33%),fa-2x,fa-3x,fa-4x或fa-5x类.

http://fortawesome.github.io/Font-Awesome/examples/

Answer 2

只有在我添加之后!important,这才能在我的引导程序中工作,如下所示:

.fa-big{font-size: 100px !important;}

Answer 3

使用icon-4x而不是icon-large. 请参阅此处： http: //bootply.com/79841