Bootstrap glyphicon-cog实际显示glyphicon-envelope？

Question

这是非常奇怪的，根据他们的指导here，我添加了glyphicon glyphicon-cog的范围....但是，当加载我的页面时，它实际上显示了信封 - 这是{{1} }。究竟是怎么发生的，我该怎么做才能解决它？

我尝试添加信封...因为他们可能会交换信封。但它仍然看起来像一个信封，同样。

以下是glyphicon glyphicon-envelope最终显示的内容：

它是这样添加的：

glyphicon glyphicon-cog

Answer 1

使用它像： -

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

Answer 2

这封信真的来自引导程序吗？

因为它看起来不同。

您应该检查开发人员工具，实际覆盖:before

的span className="glyphicon glyphicon-cog"的内容

它应该是别的东西，而不是引导程序。

如果无法解决问题，您可以手动使用font-family Glyphicon和content作为cog的字符代码。

您可以在此处找到代码：https://github.com/twbs/bootstrap/blob/master/less/glyphicons.less

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<ul class="list-group">
  <li class="list-group-item"> <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-envelope</span> </li>
  <li class="list-group-item"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> <span class="glyphicon-class">glyphicon glyphicon-cog</span> </li>
</ul>

＆＃13;

＆＃13;

＆＃13;