（一）bootstrap第三方擴展——Font Awesome

摘要：主要講解一些比較經常使用的bootstrap擴展，好比字體圖標（font awesome）、時間選擇器、按鈕等，這些擴展確實很是強大，能在bootstrap的基礎上爲咱們增長很多光彩。

1、Font Awesome

1.1 介紹

font awesome是一款強大的icon圖標集，能夠進行矢量縮放，支持任意css對大小、顏色、陰影等的控制操做，它擁有9大特性：

（1）一個字體文件，369個圖標；

（2）徹底免費，能夠商用；

（3）徹底兼容bootstrap；

（4）能夠直接利用css控制圖標的大小、顏色、陰影等，只要css支持的均可以；

（5）支持IE7（須要應用兼容性文件：font-awesome-ie7.css）;

（6）友好的使用方式，樣式和普通文本（Unicode格式）都可。

（7）無限的可伸縮性。

（8）Retina屏上的完美顯示；

（9）徹底兼容屏幕閱讀器。

其下載地址：http://www.bootcss.com/p/font-awesome/

由於和bootstrap徹底兼容（bootstrap以glyphicon-開頭，font-awesome以icon-開頭），因此使用方式很是簡單，在bootstrap以後直接引用css文件便可。示例以下：

<link rel="stylesheet" href="css/font-awesome.min.css">

<!--[if IE 7]>

<link rel="stylesheet" href="css/font-awesome-ie7.min.css">

<![ebdif]-->

若是要支持IE7版本瀏覽器，則須要加上上述的兼容性文件代碼。