html - 如何给 Font Awesome 图标一个固定的宽度？

Question

我正在使用 Bootstrap 和 Font Awesome 来制作一个类似于 FAQ zalando 中的表格.

所以在左边，应该有一个图标，在右边，应该有文字。

我希望文本完全位于彼此下方，它们不应彼此对齐。如果我给图标一个跨度，那么它将被忽略。

这是我的代码:

<div class="row">
    <i class="span2 icon-user "></i>
    <div value='register' class="span4">
        Registrierung
    </div>
    <i class="icon-mobile-phone span2"></i>
    <div id='Newsletter' class="span4">
        Newsletter
    </div>
</div>
<div class="row">
    <i class="icon-euro span2"></i>
    <div value='kost' class="span4">
        Kosten
    </div>

    <i class="icon-phone span2"></i>
    <div id='probleme' class="span4">
        Probleme
    </div>
</div>

Answer 1

作为对此的更新，FontAwesome 现在有 fixed-width内置支持。

<i class="fa fa-fw fa-user"></i>

fa-fw 类提供固定宽度样式。