Shortcodes

Dropcap

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

[bs-button  type=”default” size=”” url=”http://google.fi”]Default[/bs-button]

[bs-button  type=”primary” size=””]Primary[/bs-button]

[bs-button  type=”success” size=””]Success[/bs-button]

[bs-button  type=”info” size=””]Info [/bs-button]

[bs-button  type=”warning” size=””]Warning[/bs-button]

[bs-button  type=”danger” size=””]Danger[/bs-button]

 

Related posts

Displays posts related to the one you are viewing.

 

Accordion tabs

[bs-accordion-group id=”accordion-1″]

[bs-accordion-item title=”Lorem ipsum dolor sit amet – 1″ opened=”true”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/bs-accordion-item]

[bs-accordion-item title=”Lorem ipsum dolor sit amet – 2″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/bs-accordion-item]

[bs-accordion-item title=”Lorem ipsum dolor sit amet – 3″]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.[/bs-accordion-item]

[/bs-accordion-group]

 

Alerts

With or without close buttons!

[bs-alert type=”success”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/bs-alert]

[bs-alert type=”info”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/bs-alert]

[bs-alert type=”warning” close=”true”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/bs-alert]

[bs-alert type=”danger” close=”true”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/bs-alert]

 

Tooltips

You can use buttons with tooltips too!

[bs-tooltip title=”Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”][bs-button]Tooltip on top[/bs-button][/bs-tooltip]

[bs-tooltip placement=”right” title=”Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”][bs-button type=”success”]Tooltip on right[/bs-button][/bs-tooltip]

[bs-tooltip placement=”bottom” title=”Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”]Tooltip on bottom[/bs-tooltip]

[bs-tooltip placement=”left” title=”Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”]Tooltip on left[/bs-tooltip]

 

Progress bars

Striping and animation included!

[bs-progressbar value=”25″ type=”” striped=”” animation””]

[bs-progressbar value=”55″ type=”success” striped=”” animation””]

[bs-progressbar value=”30″ type=”info” striped=”true” animation””]

[bs-progressbar value=”80″ type=”warning” striped=”true” animation=”true”]

[bs-progressbar value=”50″ type=”danger” striped=”” animation=”true”]