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>
我在我的按钮上使用了 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>