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”]