This theme uses Twitter Bootstrap as a strong foundation. This also means that there are a ton of integrated features that you can make use of out of the box. To do this easily you can install the “Easy Bootstrap Shortcode” plugin. You can download the plugin here: http://wordpress.org/plugins/easy-bootstrap-shortcodes/

Below is an example of all the elements that you can use in this theme!

 

Progress bars

[progressbar value=”90″] [progressbar value=”50″ bartype=”progress-bar-success” barstyle=”progress-striped”] [progressbar value=”30″ bartype=”progress-bar-info” barstyle=”progress-striped active”] [progressbar value=”70″ bartype=”progress-bar-warning” barstyle=”progress-striped active”] [progressbar value=”100″ bartype=”progress-bar-danger” barstyle=”progress-striped active”]

 

Toggles

[toggles class=”yourcustomclass”] [toggle title=”Accordion #1″ class=”in”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus volutpat, sem et lacinia malesuada, arcu turpis feugiat ligula, vel congue augue nisi a tortor. Aenean quis accumsan nulla. Donec molestie commodo ultrices.[/toggle] [toggle title=”Accordion #2″]Praesent quam neque, accumsan non lorem quis, facilisis tempus massa. Integer vehicula neque turpis, vel malesuada quam convallis non.[/toggle] [toggle title=”Accordion #3″]Nullam nec fringilla magna. Donec sagittis, justo gravida feugiat vehicula, sapien erat eleifend sapien, sit amet iaculis leo diam quis risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.[/toggle] [toggle title=”Accordion #4″]Nulla sed vestibulum diam. In suscipit dignissim lacus quis aliquet. Cras vehicula ligula eget aliquam bibendum. Curabitur lacinia, erat sed laoreet pulvinar, arcu lacus volutpat magna, at commodo diam nibh quis augue.[/toggle] [/toggles]

 

Tabs

• Tab number 1
• Tab number 2
• Tab number 3
• Tab number 4

 

Lists

[list] [li type=”glyphicon-arrow-right”]You can make nice lists[/li] [li type=”glyphicon-arrow-right”]With this simple shortcode[/li] [li type=”glyphicon-arrow-right”]And select any glyphicon you want![/li] [/list]

 

Buttons

You can also use glyphicon in buttons!

 

Notifications

[notification type=”alert-warning” close=”true” ]Your notification[/notification] [notification type=”alert-success” close=”true” ]Your notification[/notification] [notification type=”alert-info” close=”true” ]Your notification[/notification] [notification type=”alert-danger” close=”true” ]Your notification[/notification]

 

Columns

 

 

 

Responsive tables

[table width ="100%" style =" table-hover" responsive ="true"] [table_head] [th_column]Heading-1[/th_column] [th_column]Heading-2[/th_column] [th_column]Heading-3[/th_column] [th_column]Heading-4[/th_column] [/table_head] [table_body] [table_row] [row_column]value-1[/row_column] [row_column]value-2[/row_column] [row_column]value-3[/row_column] [row_column]value-4[/row_column] [/table_row] [table_row] [row_column]value-1[/row_column] [row_column]value-2[/row_column] [row_column]value-3[/row_column] [row_column]value-4[/row_column] [/table_row] [table_row] [row_column]value-1[/row_column] [row_column]value-2[/row_column] [row_column]value-3[/row_column] [row_column]value-4[/row_column] [/table_row] [table_row] [row_column]value-1[/row_column] [row_column]value-2[/row_column] [row_column]value-3[/row_column] [row_column]value-4[/row_column] [/table_row] [/table_body] [/table]

 

Tooltips

You can use tooltips in your content to explain something. Curabitur eget leo laoreet, laoreet lorem ut, suscipit sapien. Nam ut laoreet enim. Phasellus venenatis auctor ante nec bibendum. Vivamus diam justo, mollis vel elit nec, aliquam convallis augue. Sed a faucibus nisl.
[iconheading type=”h2″ style=”glyphicon-ok” color=”#666″]Heading with fancy icons[/iconheading]

 

Content panels

 

Popovers

Click me to see the popup

 

Dropdowns

[dropdownhead style=”btn-default” size=”btn-lg” split=””] Dropdown
[/dropdownhead] [dropdownbody] [dropdownitem type=”menuitem” link=”#” ]Dropdown Item #1[/dropdownitem] [dropdownitem type=”menuitem” link=”#” ]Dropdown Item #2[/dropdownitem] [dropdownitem type=”menuitem” link=”#” ]Dropdown Item #3[/dropdownitem] [/dropdownbody]

 

Labels

Label
Label
Label
Label
Label
Label

 

Content box

 

Icons

You can see a full list of the icons you can use here: http://getbootstrap.com/components/

 

Rounded images