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 |
[/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: