bootstrap glyphicon没有出现

时间:2015-01-20 23:02:34

标签: twitter-bootstrap

引导图标存钱罐无法显示。

<span class="glyphicon glyphicon-piggy-bank"></span>

Plnkr: http://plnkr.co/edit/zjOLWS1M6NT9PJYSwWfj

2 个答案:

答案 0 :(得分:7)

您使用的是旧版本 - 如果使用3.3.2+,则会显示存钱罐。这是您需要的修改:

<link data-require="bootstrap@*" data-semver="3.3.2" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<link data-require="bootstrap-css@3.3.*" data-semver="3.3.2" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script data-require="bootstrap@*" data-semver="3.3.2" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

Here's your upgraded example

答案 1 :(得分:2)

我不认为存钱罐glyphicon是Bootstrap 3.1.1的一部分。

将CSS更改为3.3.2,它应该可以正常工作

另外,我推荐这个应用程序 - 提供一套很棒的图标字体

https://icomoon.io/app