为什么我的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>