8

我对一些字体很棒的图标有点麻烦。我正在尝试增加其中一些的大小，但由于某种原因，我似乎没有做任何事情。

这是我的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;

任何帮助都会很棒！

4

4 回答 4

17

我们可以使用 font awesome 使一些图标更大。Font awesome 提供了一个类来增加它们。

要增加相对于其容器的图标大小，请使用 fa-lg（增加 33%）、fa-2x、fa-3x、fa-4x 或 fa-5x 类。

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

于 2014-09-22T10:58:31.093 回答
7

只有在我添加之后，这才在引导程序中对我有用!important，如下所示：

.fa-big{font-size: 100px !important;}
于 2015-12-10T01:22:29.037 回答
2

使用icon-4x而不是icon-large. 见这里：http ://bootply.com/79841

于 2013-09-09T12:28:49.507 回答
2

Font Awesome 是一种字体，所以添加一个类并增加字体大小

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


<i class="fa fa-ship fa-big"></i>
于 2015-06-23T16:56:30.827 回答