Bootstrap 的 glyphicon 解锁图标未显示。

6

我有一个表格,其中有一个名为“状态”的列,其可能的值为1和0。

现在我正在尝试显示解锁的图标,但它根本没有显示出来,然而锁定的图标却可以正常工作。

我使用的是bootstrap 3.3.5,我不知道为什么它没有显示。

当我使用谷歌浏览器进行检查时,相应的图标类不存在。

因此,如果有人能提供解锁的内容值,那将非常好。

任何帮助都将不胜感激。

2个回答

14

简单回答

根据你的问题,我猜测你的字形图标设置类似于这样:

<span class='glyphicon glyphicon-lock'></span>

这将正确显示您的密码锁,并且您想知道为什么

<span class='glyphicon glyphicon-unlock'></span>

未显示。我为您快速进行了一些研究,在网站的官方文档中,关于bootstrap组件http://getbootstrap.com/components/,您将看到所有可用的图标列表,很遗憾,unlock不在其中。

替代方案

Fontawesome是一组带有非常大的库的图标,是的,您的解锁图标绝对在其中。但我不确定如何使用它们,但我已经为您找到了一些资源链接!

http://fortawesome.github.io/Font-Awesome/

向Bootstrap添加额外的glyphicons

希望这些中至少有一些能帮到您。


3
由于Bootstrap实际上只使用了Glyphicon“Halflings”图标集,其中不包括“解锁”图标。您可以在此处查看“halflings”: http://glyphicons.com/ 点击“halflings”选项卡。
如在getbootstrap.com/components页面所述:
可用的字形包括来自Glyphicon Halflings集合的250多个字形的字体格式。Glyphicons Halflings通常不免费提供,但它们的创建者已经为Bootstrap免费提供了它们。作为感谢,我们仅要求您尽可能包含指向Glyphicons的链接。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接