Question

我知道这个问题已被问过很多，但我尝试重新下载Bootstrap（我已经有了最新版本--3.3.6），我的@font-face{ }有正确的字体文件路径，我不知道还有什么可以尝试的。我在Chrome和Firefox中都获得了相同的结果。我有一个想法是我试图将我的图标放在<em>标签中，但是当我尝试将它们移动到标签外面时，它们仍然看起来像波浪线，因此没有修复它。

我想使用glyphicon-chevron-up和glyphicon-chevron-down（显示为≅和[）但是当我执行类似<span class="caret"></span>的操作时，它看起来非常正常。

以下是我使用它们的方式：

<em class="pull-right">
    <em class="pull-left">
        <span class="glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>
        <span class="glyphicon-chevron-down" ng-click="minusOne($index)"></span>
    </em>
    {{ post.upvotes - post.downvotes }}
</em>

我仍然可以点击图标并增加/减少投票数，所以我认为它不是Angular的问题，但仅供参考我使用angular1.4.9和django1.9。再一次，我知道这个问题的几个变种已被问到，但我找到的解决方案都没有为我工作，所以任何额外的想法将不胜感激！

Answer 1

也许是为了这个：

    <span class="glyphicon glyphicon-chevron-up" ng-click="plusOne($index)"></span><br>

在我的页面中效果很好。

只需在glyphicon-icon名称前添加glyphicon。

只有某些bootstap glyphicons在所有浏览器中显示正确，一致的结果

1 个答案: