<div class="col-md-2">
<ul class="list-unstyled">
<li> <a class="link" href="#"><span class="glyphicon glyphicon-send" aria-hidden="true"></span>GSD Cafe</span></a></li>
<li> <a class="link" href="#"><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>Jobs Well Done</span></a></li>
<li> <a class="link" href="#"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>Click Club</span></a></li>
<li> <a class="link" href="#"><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>PAge 3</span></a></li>
<li> <a class="link" href="#"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>i2i</span></a></li>
<li> <a class="link" href="#"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>Announcement</span></a></li>
</ul>
</div>
我已将上述代码用于我的侧边栏，它适用于谷歌浏览器甚至手机，但不适用于 firefox。
仅供引用:我有一个位于根级别的 index.html 文件，glyphicons 正在为该 html 工作，但此 html(我已为其提供代码)位于不同的文件夹中。
最佳答案
打开 1. 关于:firefox 中的配置 2. 找到 security.fileuri.strict_origin_policy 属性并将其属性从“true”更改为“false”。
外观因浏览器而异
关于html - Bootstrap Glyphicons 未在 Firefox 中显示，但在 Chrome 中显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37296720/