Type what you would like to search and hit enter

SHORTCODES INCLUDED

×

Error message

Deprecated function: The each() function is deprecated. This message will be suppressed on further calls in menu_set_active_trail() (line 2405 of /var/www/html/kinoa/includes/menu.inc).

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.