Bootstrap中的Fontawesome图标不是平方的

Question

我为自举网站使用了fontawesome图标，但图标没有平方大小。如何处理图标，如果它们是方形的（具有相同的宽度和高度） 在我的侧边栏中，是图标的结果，其形状不是正方形。您知道这个问题的解决方案吗？

问题的解决方案可能是创建一个自定义类，但那么该类将如何？

谢谢

Answer 1

Font awesome有一个可选的fa-fw类，可以使图标呈现均匀的宽度。

http://fontawesome.io/examples/#fixed-width

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<ul>
  <li><i class="fa fa-external-link fa-fw"></i> Hello world!</li>
  <li><i class="fa fa-mobile fa-fw"></i> Hello world!</li>
  <li><i class="fa fa-drivers-license-o fa-fw"></i> Hello world!</li>
</ul>