Page

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

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.

Tooltips

Popover

 

Buttons

Button types

Button sizes

 

Progress bars

With label

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.

 

Icons

Some of the latest icons


  •  


  •  


  •  


  •  


  •  


  •  


  •  


  •  


  •  

Social icons


  •  


  •  


  •  


  •  


  •  


  •  

Fontawesome icons


  •  


  •  


  •  


  •  


  •  


  •  


  •  

9 Different icon effects

See the icon effects

 

Not that not every feature is listed here, for a full documentation of the features in both bootstrap and fontawesome visit the pages. Information is presented in the right sidebar.

Redes sociales

Custom Theme Profiles Management

Clear

Those Images in folder YOURTHEME/img/patterns/

Clear
Clear
Clear
Clear
Clear
Clear
Clear
Clear

Those Images in folder YOURTHEME/img/patterns/

Clear
Clear
Clear
Clear
Clear

Those Images in folder YOURTHEME/img/patterns/

Clear
Clear
Clear
Clear
Clear
Clear
Clear
Clear
Style Selector
Colors
Layout type