字体真棒中堆叠图标的垂直对齐

Question

我无法在 Font awesome 4.7 和 bootstrap 3 中将堆叠图标 fa-stack 与普通图标 fa-fw 垂直对齐：

<span class="fa-stack">
  <i class="fa fa-fw fa-dot-circle-o fa-stack-1x text-danger"></i>
  <i class="fa fa-fw fa-circle-o fa-stack-1x text-info"></i>
</span> <strong>Company Ltd.</strong><br>
<i class="fa fa-fw fa-map-marker"></i> Street 7<br>

我做了一个jfiddle来说明：https://jsfiddle.net/tjykrv7q/ screenshot

Answer 1

似乎 class "fa-stack" 为您的图标设置了 5px 的边距.. 您可以添加 "marging: -5px" 来修复此问题，例如：

<span class="fa-stack" style="margin: -5px;">

https://jsfiddle.net/tjykrv7q/2/