Bootstrap Firefox 中未显示 Glyphicons，但它显示 Chrome

Question

        <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>

我已将上述代码用于我的补充工具栏，它适用于 Google Chrome 甚至手机，但不适用于 firefox。

仅供参考：我有一个位于根级别的 index.html 文件，glyphicons 正在为该 html 工作，但是这个 html（我已经为其提供了代码）在不同的文件夹。

Answer 1

打开 1. about:config 在 Firefox 中 2. 找到 security.fileuri.strict_origin_policy 属性并将其属性从“true”更改为“false”。

外观因浏览器而异

Bootstrap Firefox 中未显示 Glyphicons，但它显示 Chrome

Bootstrap Glyphicons not showing in firefox but it is showing for Chrome

html

css

responsive-design

twitter-bootstrap

glyphicons