FontAwesome 图标按钮大小不一样

FontAwesome Icon Buttons are not the same size

我在我的按钮上使用了 fontawesome,但它们的大小与图片中显示的不一样。我尝试了 fa-fw 个选项,但这让事情变得更糟。有什么我可以尝试的想法吗?

<td>
    <a href="@Url.Action("MemberEmployees", "Employees", new { @item.MemberId })"><span title="Personel" class="btn btn-default btn-sm  fa fa-user" /></a>
    <a href="@Url.Action("Index", "Documents",new { @item.MemberId })"><span title="Belgeler" class="btn btn-default btn-sm   glyphicon fa fa-inbox" /></a>
    <a href="@Url.Action("Index", "Logs",new { @item.MemberId })"><span title="Kayıtlar" class="btn btn-default btn-sm glyphicon fa  fa-folder" /></a>
    <a href="@Url.Action("Edit", "Members", new { @item.MemberId })"><span title="Araçlar" class="btn btn-default btn-sm   fa fa-truck" /></a>
    <a href="@Url.Action("Edit", "Members", new { @item.MemberId })"><span title="Güncelle" class="btn btn-default btn-sm  fa fa-pencil" /></a>
    <a class="modal-link" href="@Url.Action("Delete", "Members",new { @item.MemberId })"><span title="Sil" class="btn btn-danger btn-sm  fa fa-trash" /></a>
</td>

http://fortawesome.github.io/Font-Awesome/examples/

这里是 link..要增加相对于容器的图标大小,请使用 fa-lg(增加 33%)、fa-2x、fa-3x、fa-4x 或 fa-5x 类。 希望这有效..

这是因为你的 HTML 中的 glyphicon 类。 http://jsfiddle.net/q6bpdsmt/1/

固定HTML:

<td>
    <a href="@Url.Action("MemberEmployees", "Employees", new { @item.MemberId })"><span title="Personel" class="btn btn-default btn-sm fa fa-user" /></a>
    <a href="@Url.Action("Index", "Documents",new { @item.MemberId })"><span title="Belgeler" class="btn btn-default btn-sm fa fa-inbox" /></a>
    <a href="@Url.Action("Index", "Logs",new { @item.MemberId })"><span title="Kayıtlar" class="btn btn-default btn-sm fa fa-folder" /></a>
    <a href="@Url.Action("Edit", "Members", new { @item.MemberId })"><span title="Araçlar" class="btn btn-default btn-sm fa fa-truck" /></a>
    <a href="@Url.Action("Edit", "Members", new { @item.MemberId })"><span title="Güncelle" class="btn btn-default btn-sm fa fa-pencil" /></a>
    <a class="modal-link" href="@Url.Action("Delete", "Members",new { @item.MemberId })"><span title="Sil" class="btn btn-danger btn-sm fa fa-trash" /></a>
</td>