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

摘要：主要讲解一些比较常用的bootstrap扩展，比如字体图标（font awesome）、时间选择器、按钮等，这些扩展确实非常强大，能在bootstrap的基础上为我们增加不少光彩。

一、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版本浏览器，则需要加上上述的兼容性文件代码。

转载于:https://www.cnblogs.com/mr-Ou/p/5762354.html