bootstrap - font awesome 怎么让图标大一点?
本文介绍了bootstrap - font awesome 怎么让图标大一点?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
比如
<i class="fa fa-home"></i>
怎么让这个图标变大一些?
解决方案
To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.
<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
http://fontawesome.io/examples/#larger
这篇关于bootstrap - font awesome 怎么让图标大一点?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文