css - Font Awesome 不适合我

标签 css twitter-bootstrap font-awesome

我将 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 都加载到页面中(使用 Developer tools Network 时)。但是测试页面上没有显示任何图标。我尝试了以下方法:

<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 站点上示例中的许多其他示例。但没有任何效果。我错过了什么?

最佳答案

您需要拥有 .fa<i> 上课标签也是如此,例如: <i class="fa fa-bar-chart-o"></i>

关于css - Font Awesome 不适合我,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22849910/

相关文章:

html - 移动设备上的表格行不跨越 100% 宽度

c# - 面板上显示的表格边框线 ASP NET

悬停时的 jQuery 下拉延迟在 Bootstrap 中不起作用

屏幕尺寸较小时的 HTML 标题行

css - font-awesome 是否用于提供商业网络字体?

css - 选中时无法更改 Font Awesome 图标颜色 - 复选框

css - Font Awesome 5 - 为什么调整字体系列时图标消失?

css - 可以在css/html/jquery中给鼠标指针加上阴影吗?

html - CSS 两个 span 或 div 在同一行中都在一个 div 中

html - Bootstrap Dropup 不工作