Пользовательский значок Twitter Bootstrap

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

Я не запустил один из них в бутстрапе, но похоже, что синтаксис может быть немного другим, чем когда был создан этот пост. Вот как вы обычно использовали шрифт значка с элементом (или, скорее, псевдоэлементом) с 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