Shortcodes

blockquote:

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.


Carousel:

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

[/carousel-item]
[carousel-item]

[/carousel-item]
[carousel-item]

[/carousel-item]
[/carousel]


Collapse:

[collapsibles]
[collapse title=”Donec id elit non mi porta”]

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
[/collapse]
[collapse title=”Donec id elit non mi porta”]

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
[/collapse]
[collapse title=”Donec id elit non mi porta”]

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod.
[/collapse]
[/collapsibles]


Modal:

[modal text=”This is my modal” title=”Modal Title Goes Here” xclass=”btn btn-primary btn-lg”]
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
[modal-footer]
[button type=”primary” link=”#” data=”dismiss,modal”]Dismiss[/button]
[/modal-footer]
[/modal]


Columns:

[row]
[column md=”4″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[column md=”4″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[column md=”4″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[/row]


[row]
[column md=”3″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[column md=”3″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[column md=”3″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[column md=”3″]

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

[button type=”primary” size=”sm” link=”#”]Learn More[/button]
[/column]
[/row]


Tables:

[table-wrap bordered=”true” striped=”true”]

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

[/table-wrap]


Buttons:

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


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


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


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


Alerts:

[alert type=”success”]Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum[/alert]
[alert type=”info”]Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum[/alert]
[alert type=”warning”]Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum[/alert]
[alert type=”danger”]Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum[/alert]


Images:

[row]
[column md=”4″]

Circle

[img type=”circle” responsive=”true”][/img]

[/column]
[column md=”4″]

Rounded

[img type=”rounded” responsive=”true”][/img]
[/column]
[column md=”4″]

Thumbnail

[img type=”thumbnail” responsive=”true”][/img]
[/column]
[/row]


Responsive Video

[row]
[column md=”6″]

16:9 aspect ratio

[embed-responsive ratio=”16by9″][/embed-responsive]
[/column]
[column md=”6″]

4:3 aspect ratio

[embed-responsive ratio=”4by3″][/embed-responsive]
[/column]
[/row]


Headings:

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6