(i) Bootstrap third party extension--font Awesome

Abstract: Mainly on some of the more commonly used bootstrap extensions, such as font icons (font awesome), time selectors, buttons, and so on, these extensions are really very powerful, can be on the basis of bootstrap for us to add a lot of luster.

First, Font Awesome

1.1 Introduction

The font awesome is a powerful set of icon icons that can be scaled to support arbitrary CSS controls on size, color, shading, and more, with 9 features:

(1) A font file, 369 icons;

(2) Completely free, can be commercial;

(3) fully compatible with bootstrap;

(4) can directly use the CSS control icon size, color, shadow, etc., as long as the CSS support can be;

(5) Support IE7 (need to apply compatibility file: FONT-AWESOME-IE7.CSS);

(6) Friendly way of use, style and ordinary text (Unicode format) can be.

(7) Unlimited scalability.

(8) Perfect display on retina screen;

(9) Fully compatible with screen readers.

it: http://www.bootcss.com/p/font-awesome/

Because it is fully compatible with bootstrap (bootstrap starts with glyphicon-, Font-awesome starts with icon-), it is very simple to use, and directly refer to the CSS file after bootstrap. Examples are as follows:

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

<!--[if IE 7]>

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

<! [ebdif]-->

If you want to support the IE7 version browser, you need to add the above compatibility file code.

(i) Bootstrap third party extension--font Awesome