Here you can find some explanation on how to use some of bootstrap and fontawesome predefined elements. Using these
elements will save you a lot of work and time, not having to code everything by hand for making accordions,
slideshows, alert messages, different kinds of buttons etc..
Using javascript components
Tooltips
Popovers
Buttons
Button styles
Button sizes
Progress bars
With labels
Contextual alternatives
Grid system
12 column fluid grid
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-8
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
Alerts
Pre defined alert messages
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but its not super important.
Warning! Better check yourself, you are not looking too good.
Oh snap! Change a few things up and try submitting again.
Helpers
Helpers with background
Yay!! You successfully read this important alert message.
Heads up! This alert needs your attention, but its not super important.
Well done! You successfully read this important alert message.
Warning! Better check yourself, you are not looking too good.
Oh snap! Change a few things up and try submitting again.
Helpers in text
Heads up! This alert needs your attention, but its not super important.
Well done! You successfully read this important alert message.
Warning! Better check yourself, you are not looking too good.
Oh snap! Change a few things up and try submitting again.
Dropcaps
Sorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, ipsa, in, laboriosam, dignissimos nobis quaerat vitae a facere esse neque laudantium nisi atque quos assumenda magni quae architecto fugiat libero.
Sorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, ipsa, in, laboriosam, dignissimos nobis quaerat vitae a facere esse neque laudantium nisi atque quos assumenda magni quae architecto fugiat libero.
Sorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, ipsa, in, laboriosam, dignissimos nobis quaerat vitae a facere esse neque laudantium nisi atque quos assumenda magni quae architecto fugiat libero.
Sorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea, ipsa, in, laboriosam, dignissimos nobis quaerat vitae a facere esse neque laudantium nisi atque quos assumenda magni quae architecto fugiat libero.
Quotes
Left
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, ducimus, provident, accusantium quasi sapiente ad eaque delectus dolores hic praesentium inventore pariatur ipsa neque excepturi enim aliquid rerum dolore nostrum.
Someone famous
Right
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi, ducimus, provident, accusantium quasi sapiente ad eaque delectus dolores hic praesentium inventore pariatur ipsa neque excepturi enim aliquid rerum dolore nostrum.
Someone famous
Icons
Some of the latest icons
Fontawesome icons
Social icons
Not that not every feature is listed here, for a full documentation of the features in both bootstrap and fontawesome visit the theme documentation page or the official bootstrap and fontawesome websites.