Type what you would like to search and hit enter

SHORTCODES INCLUDED

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

60%


Contextual alternatives

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete


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.