<div class="col-md-12">
<div style="margin-top: 5px">
<label>
<a href="#"><i class="fa fa-comments" aria-hidden="true"></i>
Chat with @Model.MemberFirstName</a>
</label>
<label>
<a href="#"><i class="fa fa-user-plus" aria-hidden="true"></i>
Send Friend Request</a>
</label>
</div>
</div>
在编写这段代码时,我使用了 2 个 font awesome 图标。我的第一个图标显示在我的输出屏幕上,但第二个图标没有显示。我为 2nd 编写了相同的代码。我也尝试删除第一个,第二个仍然没有显示。 这是附加的输出。
最佳答案
font-awesome v4.0.0 不包含 fa-user-plus
类。使用font-awesome v4.7.0
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="col-md-12">
<div style="margin-top: 5px">
<label>
<a href="#"><i class="fa fa-comments" aria-hidden="true"></i>
Chat with @Model.MemberFirstName</a>
</label>
<label>
<a href="#"><i class="fa fa-user-plus" aria-hidden="true"></i>
Send Friend Request</a>
</label>
</div>
</div>
关于html - 某些 Font Awesome 图标不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45211647/