Font Awesome

Font Awesome is included in this theme as standard via cdn and just for good measure I have thrown in some handy short codes just to assist in implementing the css into the Bootstrap classes. Here are some examples of what you can do with the magic of Font Awesome, Bootstrap, and Klickboot theme.

In the code examples below the short codes will be enclosed in square brackets [].

icon type="fa-umbrella" size="4x" animated="spin"
icon type="fa-umbrella" size="4x" flip="vertical"
icon type="fa-umbrella" size="4x" rotate="270"

And here it is in the text. so your getting the idea .

And here it icon type="fa-umbrella" size="fa-lg" is in the text. so your getting the idea icon type="fa-smile-o" size="2x".

Twitter Twitter To add colour to the text icon or both is just as simple.

<span style="color: #00acee;">icon type="fa-twitter-square" size="5x" Twitter</span>

fa-camera-retro without short code.

i class="fa fa-camera-retro fa-lg"

A mix of Bootstrap and Font Awesome.


Here is an example of stacking one icon on top of another icon to create a new icon. You will sometimes have to increase the line height to keep them lined up.

fa-twitter on fa-square-o

icon type="fa-square-o fa-stack-2x" icon type="fa-twitter fa-stack-1x"

Font Awesome
Version 4.0.3

If you want too see more Font Awesome icons the go visit to see some more truly Awesome work by clicking on the above button.

a class="btn btn-lg btn-success" href=""
i class="fa fa-flag fa-2x pull-left" Font Awesome
Version 4.0.3