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

90% Complete
50% Complete
30% Complete
70% Complete
100% Complete

 

Toggles

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.
Praesent quam neque, accumsan non lorem quis, facilisis tempus massa. Integer vehicula neque turpis, vel malesuada quam convallis non.
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.
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.

 

Tabs

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.
Praesent quam neque, accumsan non lorem quis, facilisis tempus massa. Integer vehicula neque turpis, vel malesuada quam convallis non.
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.
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.

 

Lists

  • You can make nice lists
  • With this simple shortcode
  • And select any glyphicon you want!

 

Buttons

You can also use glyphicon in buttons!

Button

 

Notifications

Your notification
Your notification
Your notification
Your notification

 

Columns

Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis. Pellentesque ac dui malesuada, sagittis velit eu, ornare velit. Donec placerat, purus sit amet tincidunt pellentesque, risus lectus tincidunt quam, sit amet imperdiet lectus erat sed mauris.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis. Pellentesque ac dui malesuada, sagittis velit eu, ornare velit. Donec placerat, purus sit amet tincidunt pellentesque, risus lectus tincidunt quam, sit amet imperdiet lectus erat sed mauris.

 

Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis. Pellentesque ac dui malesuada, sagittis velit eu, ornare velit.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis. Pellentesque ac dui malesuada, sagittis velit eu, ornare velit.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis. Pellentesque ac dui malesuada, sagittis velit eu, ornare velit.

 

Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis.
Integer gravida adipiscing odio id pellentesque. Nulla sodales hendrerit mauris eget venenatis.

 

Responsive tables


Heading-1 Heading-2 Heading-3 Heading-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4
value-1 value-2 value-3 value-4

 

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.

Heading with fancy icons

 

Content panels

My fancy content title
Curabitur nec elit sagittis, aliquam elit at, viverra dui. Mauris velit quam, ultrices at adipiscing id, dignissim non nisi. Aliquam ullamcorper placerat semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi nec feugiat nisl. Maecenas pretium enim ac lectus ultrices placerat.

 

Popovers

 

Dropdowns

 

Labels

Label Label Label Label Label Label

 

Content box

Curabitur nec elit sagittis, aliquam elit at, viverra dui. Mauris velit quam, ultrices at adipiscing id, dignissim non nisi. Aliquam ullamcorper placerat semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi nec feugiat nisl. Maecenas pretium enim ac lectus ultrices placerat.

 

Icons

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

 

Rounded images