Question

我已经找到了这个帖子 How to add custom icon in Twitter Bootstrap? 但是应用该解决方案仍然可以计算出0x0px图标，我仍然无法理解这可能是什么，但这是我的示例代码：
的 HTML

<i class="icon-linkedin"></i>

CSS

.icon-linkedin {
    background-image: url("../../resources/img/icon-linkedins.png");
    background-position: center center;
}

Answer 1

我在一段时间内没有在bootstrap中创建一个，但看起来语法可能与发布该帖子时有点不同。这就是你通常会使用带有 ANY 图标字体的元素（或者更确切地说是伪元素）的图标字体。

/* this just imports the font */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
.icon-linkedin:before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f0e1"; 

}

<强> DEMO

自定义图标twitter bootstrap

1 个答案: