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

Font Awesome はフォントなので、クラスを追加して font-size を大きくします

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


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

icon-4xの代わりに使用しicon-largeます。ここを参照してください: http://bootply.com/79841

于 2013-09-09T12:28:49.507 に答える