css - 不显示 Bootstrap 字体图标

Question

我在这里创建了小预览。我在 fiddle 的第 11 和 12 行保留了推特和转推图标。为什么没有出现图标？

代码:

FIDDLE EXAMPLE

    <div class="item">
        <div class="image"> 
            <img class="media-object" src="http://deathandtaxesmag.wpengine.netdna-cdn.com/wp-content/uploads/2014/02/Screen-Shot-2014-02-27-at-12.39.17-PM.png" >
        </div>
        <div class="descriptionContainer">
            <span class="main-head"> Mashable - Business </span>
            <span class="min-head">Title of link</span>
            <span class="subcont">
                    <span class="icon-retweet">Retweet 100+</span> 
                    <span class="icon-twitter-sign">Retweet 100+</span> 
            </span>
        </div>  
    </div>  

</div>

Answer 1

您使用的是旧语法，其中类是使用icon- 作为前缀定义的，但现在从 4.0 版开始，Font Awesome 使用 fa- 前缀，它还需要一个额外的 class 的 fa 来用图标声明。

所以这个icon-retweet应该是fa fa-retweet

Demo