用字体真棒图标替换bootstrap指示

时间:2015-11-04 12:54:43

标签: twitter-bootstrap-3 font-awesome

我使用自举旋转木马并尝试更改指示器,而不是左右按钮,使用fontawesome图标,我想使用' f05d&#39 ;或者在没有活动时使用fa-check-circle-oone和' f058'或活动时的fa-check-circle。

我尝试在font awesome site中使用这个例子:(没有成功)

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>

我在css中试过这个

ul { padding-left:20px; list-style:none; }
li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
}

它只是添加左侧的图标,它们不会替换图标。

http://jsfiddle.net/2q5059y0/

0 个答案:

没有答案