Bootstrap 中的 Fontawesome 图标不是方形的

Question

我为我的 bootstrap 网站使用了 fontawesome 图标，但这些图标不是方形的。如何处理图标，就像它们是方形的（具有相同的宽度和高度）。
在我的侧边栏中，这个是图标的结果，哪个形状不是 square.You 知道这个问题的解决方案？

也许问题的解决方案是创建一个自定义 class，但是 class 会怎样？

谢谢

Answer 1

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

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>

Bootstrap 中的 Fontawesome 图标不是方形的

Fontawesome Icons in Bootstrap aren't squared

css

icons

shape

twitter-bootstrap

font-awesome