3

基本上,我试图显示大约 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>

在我的引导文件夹中,我有 3 个其他文件夹,名为css,fontsjs. 所有这些都是直接从 Bootstrap 下载中获取的。

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

4

2 回答 2

18

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

您现在需要使用一个基类,glyphicon后跟您要使用的特定字形图标的类(完整列表请参见链接):

<span class="glyphicon glyphicon-cog"></span>
于 2013-09-19T11:42:21.733 回答
3

你应该使用 span 而不是 i,

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

检查这个http://getbootstrap.com/components/#glyphicons

于 2013-09-19T11:43:31.533 回答