Question

我是新手做前端设计，但我正在学习它，以便我可以将简单的设计应用到我的项目中。我正在使用 Bootstrap 3.3.7 ，除了我尝试添加"glyphicon glyphicon-search"图标时，图标没有问题。

我做了一些研究，但我注意到大多数结果表明我做了，

<button type="submit" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-search" aria-hidden="true"> </span>
</button>

不幸的是，它仍然不会显示搜索图标。请帮我解决这个问题。

我的搜索文本字段旁边只有一个没有图标的空白按钮。

Answer 1

为了帮助其他新人并可能遇到这种情况，以下是我解决问题的方法。

如果您在线下载了压缩文件的压缩文件并将其解压缩，那么您将获得3个文件夹。

css
fonts
js

请勿忘记将每个文件夹的内容包含在项目中各自的目标文件夹中。就像下面截图中显示的内容一样。

显示图标需要glyphicons-halflings...前面的字体文件夹下的文件。

当我创建导致丢失搜索图标的项目时，我没有粘贴这些字体文件。

我希望这会有所帮助。