html - 增加 Font Awesome 图标

标签 html css twitter-bootstrap font-awesome

我在使用一些超棒的图标时遇到了一些麻烦。我试图增加其中一些的大小，但出于某种原因，我似乎没有做任何工作。

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

任何帮助都会很棒!

最佳答案

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

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

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

关于html - 增加 Font Awesome 图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18688630/