Icons 图标

Icons

FontAwesome Icons、Glyphicons

.ace-icon

例如 ： .menu-icon

<ul class="nav nav-list">

<li>

<a href="#">

<i class="menu-icon fa fa-leaf"></i>

<span class="menu-text">Dashboard</span>

</a>

</li>

</ul>

Animated Icons 动画图标

ringing 、vertical 、hand-pointer 、pulsating、wrenching、blinking

.my-pulsating-icon {

/ pulsating duration repetition timing_function delay /

-moz-animation: pulsating 2s 2 linear 1s;

-webkit-animation: pulsating 2s 2 linear 1s;

-o-animation: pulsating 2s 2 linear 1s;

-ms-animation: pulsating 2s 2 linear 1s;

animation: pulsating 2s 2 linear 1s;

}

Fontawesome

<link rel="stylesheet" href="path/to/assets/css/font-awesome.css" />

或者

<linkrel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />

<i class="ace-icon fa fa-heart"></i>

Glyphicons

Bootstrap 默认的字体图标类库