Carousel

[carousel]
[carousel-item active=”true”][/carousel-item]
[carousel-item][/carousel-item]
[carousel-item][/carousel-item]
[/carousel]

[[carousel]
[carousel-item active="true"][/carousel-item]
[carousel-item][/carousel-item]
[carousel-item][/carousel-item]
[/carousel]]

2 Column Grid

[row]
[column md=”6″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[column md=”6″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[/row]

[[row]
[column md="6"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[column md="6"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem Ipsum.[/column]
[/row]]

3 Column Grid

[row]
[column md=”4″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md=”4″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md=”4″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[/row]

[[row]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[column md="4"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. Lorem ipsum dolor sit amet. [/column]
[/row]]

4 Column Grid

[row]
[column md=”3″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md=”3″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md=”3″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md=”3″]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[/row]

[[row]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[column md="3"]Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/column]
[/row]]

Emphasis

[emphasis type=”success”]Emphasis type=”success” Quisque ultrices pretium sapien ut consequat
[/emphasis]
[emphasis type=”muted”]Emphasis type=”muted” Quisque ultrices pretium sapien ut consequat
[/emphasis]
[emphasis type=”primary”]Emphasis type=”primary” Quisque ultrices pretium sapien ut consequat
[/emphasis]
[emphasis type=”info”]Emphasis type=”info” Quisque ultrices pretium sapien ut consequat
[/emphasis]
[emphasis type=”warning”]Emphasis type=”warning” Quisque ultrices pretium sapien ut consequat
[/emphasis]
[emphasis type=”danger”]Emphasis type=”danger” Quisque ultrices pretium sapien ut consequat

[/emphasis]

Buttons

[button type=”default” size=”lg” link=”#”]Sample Button[/button]
[button type=”primary” size=”lg” link=”#”]Sample Button[/button]
[button type=”success” size=”lg” link=”#”]Sample Button[/button]
[button type=”info” size=”lg” link=”#”]Sample Button[/button]
[button type=”warning” size=”lg” link=”#”]Sample Button[/button]
[button type=”danger” size=”lg” link=”#”]Sample Button[/button]

[button type=”default” size=”md” link=”#”]Sample Button[/button]
[button type=”primary” size=”md” link=”#”]Sample Button[/button]
[button type=”success” size=”md” link=”#”]Sample Button[/button]
[button type=”info” size=”md” link=”#”]Sample Button[/button]
[button type=”warning” size=”md” link=”#”]Sample Button[/button]
[button type=”danger” size=”md” link=”#”]Sample Button[/button]

[button type=”default” size=”sm” link=”#”]Sample Button[/button]
[button type=”primary” size=”sm” link=”#”]Sample Button[/button]
[button type=”success” size=”sm” link=”#”]Sample Button[/button]
[button type=”info” size=”sm” link=”#”]Sample Button[/button]
[button type=”warning” size=”sm” link=”#”]Sample Button[/button]
[button type=”danger” size=”sm” link=”#”]Sample Button[/button]

[button type=”default” size=”xs” link=”#”]Sample Button[/button]
[button type=”primary” size=”xs” link=”#”]Sample Button[/button]
[button type=”success” size=”xs” link=”#”]Sample Button[/button]
[button type=”info” size=”xs” link=”#”]Sample Button[/button]
[button type=”warning” size=”xs” link=”#”]Sample Button[/button]
[button type=”danger” size=”xs” link=”#”]Sample Button[/button]

Button Groups

All sizes and colors shown above are also available as button groups.
[button-group size=”lg” justified=”” vertical=””]
[button link=”#”]Button #1[/button]
[button link=”#”]Button #2[/button]
[button link=”#”]Button #3[/button]
[button link=”#”]Button #4[/button]
[button link=”#”]Button #5[/button]
[/button-group]

Alerts

[alert type=”success”]Alert Type success. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/alert]
[alert type=”info”]Alert Type info. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/alert]
[alert type=”warning”]Alert Type warning. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/alert]
[alert type=”danger”]Alert Type danger. Quisque ultrices pretium sapien ut consequat. Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. [/alert]

Panels

[panel type=”success” heading=”Success Panel Title” footer=”Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. “]Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.[/panel]

[panel type=”info” heading=”Info Info Title” footer=”Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. “]Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.[/panel]

[panel type=”warning” heading=”Warning Panel Title” footer=”Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. “]Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.[/panel]

[panel type=”danger” heading=”Danger Panel Title” footer=”Any footer text goes here.Quisque ultrices pretium sapien ut consequat. Praesent a justo non felis sagittis semper. “]Panel body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sapien felis, adipiscing sit amet ultrices scelerisque, volutpat dictum tortor. Phasellus eu velit ut enim vestibulum faucibus.[/panel]

Tabbed Content

[tabs type=”tabs”]
[tab title=”Tab1″ active=”true”]Nulla ac mauris eu ipsum iaculis lacinia. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.[/tab]
[tab title=”Tab2″]Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.[/tab]
[tab title=”Tab3″]Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis.[/tab]
[/tabs]

Collapsible Sample

[collapsibles]
[collapse title=”Collapse 1″ active=”true”]
Nullam fringilla posuere enim a auctor. Nunc sagittis interdum nibh sit amet dictum. Proin ipsum justo, laoreet vitae placerat in, semper quis dolor. Pellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.
[/collapse]
[collapse title=”Collapse 2″]
Ut loremmi, posuere ac luctus eget, consec tetur ac lacus. Nam vitae tincid unt arcu. Maecenas sol lici tudin, sapien nec varius interdum, erosmi elementum diam, non hendrerit velit velit vel nulla. Morbi purus dolor, interdum eget pharetra attempus utfelis. Vestibulum elit turpis, interdum et consectetur quis, faucibus vel lectus. Nulla hendrerit fringilla tempor.
[/collapse]
[collapse title=”Collapse 3″]
Pellentesque ut purus urna. Curabitur nec eros in massa euismod ullamcorper. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum.
[/collapse]
[/collapsibles]

Tooltips

[tooltip title=”I’m the title” placement=”right”]Tooltip on Right[/tooltip]

[tooltip title=”I’m the title” placement=”left”]Tooltip on Left[/tooltip]

[tooltip title=”I’m the title” placement=”bottom”]Tooltip on Bottom[/tooltip]

[tooltip title=”I’m the title” placement=”top”]Tooltip on Top[/tooltip]

Popover

[popover title=”I’m the title” text=”And here’s some amazing content. It’s very engaging. right?” placement=”right”]Click on me[/popover]

Modal

[modal text=”Modal Box” title=”Modal Box Title” xclass=”btn btn-primary btn-md”]

Pellentesque dictum luctus ante, mollis pharetra sem interdum bibendum. Sed quis diam sed mauris auctor placerat sit amet ac lacus. Nulla ac mauris eu ipsum iaculis lacinia. Nam vitae tincid unt arcu.

[modal-footer]Modal Box Footer[/modal-footer]
[/modal]