css - 为什么我的 Bootstrap 3 按钮图标不显示？

Question

基本上，我试图显示大约 5 个按钮，我需要其中 4 个按钮有图标。

我在文档的 head 中包含了以下链接

<link href="bootstrap/css/bootstrap.css" rel="stylesheet">

不过，按钮只是以正确的样式显示，旁边没有图标。

这是我的按钮代码

<a href="#" class="btn btn-info btn-large"><i class="icon-white icon-home"></i> Home</a>
<a href="#" class="btn btn-info btn-large"><i class="icon-white icon-info-sign"></i> About</a>
<a href="#" class="btn btn-info btn-large">FAQ <i class="icon-white icon-question-sign"></i></a>
<a href="#" class="btn btn-info btn-large">Learn <i class="icon-white icon-check"></i></a>

在我的 bootstrap 文件夹中，我还有另外 3 个名为 css、fonts 和 js 的文件夹。所有这些都是直接从 Bootstrap 下载中获取的。

我也试过包括一些 javascript 文件和其他 css 文件，但没有任何变化。

Answer 1

Bootstrap 3 使用 Glyphicons Halflings 将图标更改为字体格式放。

您现在需要使用 glyphicon 的基类，然后是您要使用的特定 glyphicon 的类(完整列表请参见链接):

<span class="glyphicon glyphicon-cog"></span>