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

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

似乎“fa-stack”类为您的图标设置了 5px 的边距。您可以添加“marging：-5px”来解决此问题：

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

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