FontAwesome图标按钮的大小不同

时间:2015-09-16 10:38:56

标签: css twitter-bootstrap-3 font-awesome

我正在使用fontawesome和我的按钮,但它们与图片中显示的尺寸不同。我尝试了fa-fw选项,但这会让事情变得更糟。我有什么想法可以试试吗?

enter image description here

enter image description here

<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>

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

这是因为您的HTML中有import java.text.DateFormat; import java.text.SimpleDateFormat; import java.util.Calendar; public class Main { public static void main(String[]args){ DateFormat dateFormat = new SimpleDateFormat("HH:mm:ss"); Calendar cal = Calendar.getInstance(); System.out.println(dateFormat.format(cal.getTime())); } } 个类。 http://jsfiddle.net/q6bpdsmt/1/

修正了HTML:

glyphicon