我将font-awesome.min.css复制到我的/ Content文件夹中,并在测试页面的头部中包含以下行:
<link href="/content/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/Content/font-awesome.min.css" rel="stylesheet" type="text/css"/>
两个CSS都加载到页面中(使用开发人员工具网络时)。但是测试页面上没有显示任何图标。我尝试了以下方法:
<div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a>
<a class="btn" href="#"><i class="icon-align-right"></i></a>
<a class="btn" href="#"><i class="icon-align-justify"></i></a>
</div>
或者来自Awesome Fonts网站上的示例中的许多其他人。但没有任何作用。我错过了什么?
答案 0 :(得分:4)
您还需要在.fa
标记上添加<i>
类,例如:
<i class="fa fa-bar-chart-o"></i>