This is the shortcodes demo page powered by Easy Bootstrap Shortcode plugin. Easy Bootstrap Shortcode is a Bootstrap compatible plugin which adds icons to WordPress editor (tinyMCE Shortcode Buttons) and one can add Bootstrap style to your website just by clicking on tinyMCE editor icon. Here we have made examples for all shortcode types but you can combine them, tweak them, add custom classes and much more. It is among the most powerful Bootstrap shortcode plugins and we highly recommend it for TA Portfolio and our other Bootstrap based themes. You can download it from WordPress plugin repository.
Service Box
[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-thumbs-up” icontype=”glyphicon” icon_size=”50″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#017EC0″ iconcolor=”#FFFFFF” headingtype=”h3″ heading=”Heading 1″ readmore=”true” readmore_link=”http://themeart.co/” readmore_text=”Read More” readmorestyle=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/servicebox]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-headphones” icontype=”glyphicon” icon_size=”50″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#C40551″ iconcolor=”#FFFFFF” headingtype=”h3″ heading=”Heading 2″ readmore=”true” readmore_link=”http://themeart.co/” readmore_text=”Read More” readmorestyle=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/servicebox]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[servicebox icon=”glyphicon-send” icontype=”glyphicon” icon_size=”50″ iconbg_size=”100″ iconbg_radius=”50″ margin_bottom=”30″ margin_top=”30″ iconbgcolor=”#735895″ iconcolor=”#FFFFFF” headingtype=”h3″ heading=”Heading 3″ readmore=”true” readmore_link=”http://themeart.co/” readmore_text=”Read More” readmorestyle=”default”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus scelerisque ornare neque vel mollis. Mauris egestas est ac dui sodales, et eleifend nisl interdum.[/servicebox]
[/column]
[/row]
Icon Heading
[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon glyphicon-phone” color=”#017EC0″]Heading 1[/iconheading]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon glyphicon-tint” color=”#DD3333″]Heading 2[/iconheading]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon glyphicon-shopping-cart” color=”#F89A06″]Heading 3[/iconheading]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[iconheading type=”h3″ style=”glyphicon glyphicon-road” color=”#C40551″]Heading 4[/iconheading]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
[/column]
[/row]
Columns
[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
3 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
3 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
3 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
3 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[/row]
[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
2 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
8 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
2 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[/row]
[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[/row]
[row]
[column lg=”8″ md=”12″ sm=”12″ xs=”12″ ]
8 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
4 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
6 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
6 Columns
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum.
[/column]
[/row]
Notifications
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[notification type=”alert-warning” close=”true” ]Warning: Lorem ipsum dolor sit amet…[/notification]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[notification type=”alert-success” close=”true” ]Success: Lorem ipsum dolor sit amet…[/notification]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[notification type=”alert-info” close=”true” ]Infomation: Lorem ipsum dolor sit amet…[/notification]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[notification type=”alert-danger” close=”true” ]Danger: Lorem ipsum dolor sit amet…[/notification]
[/column]
[/row]
Panel
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-default”]
[panel-header]
Simple
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-primary”]
[panel-header]
Primary
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-warning”]
[panel-header]
Warning
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-success”]
[panel-header]
Success
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-info”]
[panel-header]
Infomation
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[panel style=”panel-danger”]
[panel-header]
Danger
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[/column]
[/row]
Progressbar
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[progressbar value=”50″ barstyle=”progress-striped active” label=”Simple”]
[progressbar value=”60″ bartype=”progress-bar-success” barstyle=”progress-striped active” label=”Success”]
[progressbar value=”70″ bartype=”progress-bar-info” barstyle=”progress-striped active” label=”Information”]
[progressbar value=”80″ bartype=”progress-bar-warning” barstyle=”progress-striped active” label=”Warning”]
[progressbar value=”90″ bartype=”progress-bar-danger” barstyle=”progress-striped active” label=”Danger”]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[progressbar value=”50″ label=”Simple”]
[progressbar value=”60″ bartype=”progress-bar-success” label=”Success”]
[progressbar value=”70″ bartype=”progress-bar-info” label=”Information”]
[progressbar value=”80″ bartype=”progress-bar-warning” label=”Warning”]
[progressbar value=”90″ bartype=”progress-bar-danger” label=”Danger”]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
Popover
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
Label
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[popovernew title=”A Title” button_text=”Top” trigger=”hover” style=”top” size=”” type=”btn-success” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/popovernew]
[popovernew title=”A Title” button_text=”Bottom” trigger=”hover” style=”bottom” size=”” type=”btn-info” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/popovernew]
[popovernew title=”A Title” button_text=”Left” trigger=”hover” style=”left” size=”” type=”btn-warning” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/popovernew]
[popovernew title=”A Title” button_text=”Right” trigger=”hover” style=”right” size=”” type=”btn-danger” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/popovernew]
[popovernew title=”A Title” button_text=”Auto” trigger=”hover” style=”auto” size=”” type=”btn-default” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/popovernew]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[label type=”label-default”]
Simple
[/label]
[label type=”label-primary”]
Primary
[/label]
[label type=”label-success”]
Success
[/label]
[label type=”label-info”]
Information
[/label]
[label type=”label-warning”]
Warning
[/label]
[label type=”label-danger”]
Danger
[/label]
[/column]
[/row]
Well
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[well type=””]
Default: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.
[/well]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[well type=”well-lg”]
Large: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.
[/well]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[well type=”well-sm”]
Small: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.
[/well]
[/column]
[/row]
Button
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[button style=”btn-default btn-xs” type=”button” title=”Simple”]
[button style=”btn-primary btn-xs” type=”button” title=”Primary”]
[button style=”btn-success btn-xs” type=”button” title=”Success”]
[button style=”btn-info btn-xs” type=”button” title=”Information”]
[button style=”btn-warning btn-xs” type=”button” title=”Warning”]
[button style=”btn-danger btn-xs” type=”button” title=”Danger”]
[button style=”btn-default btn-xs” type=”link” target=”true” title=”Link” link=”http://themeart.co/”]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[button style=”btn-default btn-sm” type=”button” title=”Simple”]
[button style=”btn-primary btn-sm” type=”button” title=”Primary”]
[button style=”btn-success btn-sm” type=”button” title=”Success”]
[button style=”btn-info btn-sm” type=”button” title=”Information”]
[button style=”btn-warning btn-sm” type=”button” title=”Warning”]
[button style=”btn-danger btn-sm” type=”button” title=”Danger”]
[button style=”btn-default btn-sm” type=”link” target=”true” title=”Link” link=”http://themeart.co/”]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[button style=”btn-default btn-lg” type=”button” title=”Simple”]
[button style=”btn-primary btn-lg” type=”button” title=”Primary”]
[button style=”btn-success btn-lg” type=”button” title=”Success”]
[button style=”btn-info btn-lg” type=”button” title=”Information”]
[button style=”btn-warning btn-lg” type=”button” title=”Warning”]
[button style=”btn-danger btn-lg” type=”button” title=”Danger”]
[button style=”btn-default btn-lg” type=”link” target=”true” title=”Link” link=”http://themeart.co/”]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[button style=”btn-default btn-lg” icon=”glyphicon glyphicon-step-backward” align=”left” iconcolor=”#ffffff” type=”button” title=”Simple”]
[button style=”btn-primary btn-lg” icon=”glyphicon glyphicon-fast-backward” align=”left” iconcolor=”#ffffff” type=”button” title=”Primary”]
[button style=”btn-success btn-lg” icon=”glyphicon glyphicon-backward” align=”left” iconcolor=”#ffffff” type=”button” title=”Success”]
[button style=”btn-info btn-lg” icon=”glyphicon glyphicon-forward” align=”left” iconcolor=”#ffffff” type=”button” title=”Information”]
[button style=”btn-warning btn-lg” icon=”glyphicon glyphicon-fast-forward” align=”left” iconcolor=”#ffffff” type=”button” title=”Warning”]
[button style=”btn-danger btn-lg” icon=”glyphicon glyphicon-step-forward” align=”left” iconcolor=”#ffffff” type=”button” title=”Danger”]
[button style=”btn-default btn-lg” icon=”glyphicon glyphicon-search” align=”left” iconcolor=”#ffffff” type=”link” target=”true” title=”Link” link=”http://themeart.co/”]
[/column]
[/row]
Button Dropdown
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-default” size=”btn-xs”]
Simple
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-primary” size=”btn-xs”]
Primary
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-success” size=”btn-xs”]
Success
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-info” size=”btn-xs”]
Information
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-warning” size=”btn-xs”]
Warning
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-danger” size=”btn-xs”]
Danger
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-link” size=”btn-xs”]
Link
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-default” size=”btn-sm” split=”split”]
Simple
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-primary” size=”btn-sm” split=”split”]
Primary
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-success” size=”btn-sm” split=”split”]
Success
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-info” size=”btn-sm” split=”split”]
Information
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-warning” size=”btn-sm” split=”split”]
Warning
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-danger” size=”btn-sm” split=”split”]
Danger
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-link” size=”btn-sm” split=”split”]
Link
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-default” split=”split”]
Simple
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-primary” split=”split”]
Primary
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-success” split=”split”]
Success
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-info” split=”split”]
Information
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-warning” split=”split”]
Warning
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-danger” split=”split”]
Danger
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-link” split=”split”]
Link
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-default” size=”btn-lg”]
Simple
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-primary” size=”btn-lg”]
Primary
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-success” size=”btn-lg”]
Success
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-info” size=”btn-lg”]
Information
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-warning” size=”btn-lg”]
Warning
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-danger” size=”btn-lg”]
Danger
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-link” size=”btn-lg”]
Link
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 1[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 2[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item 3[/dropdownitem]
[/dropdownbody]
[/dropdown]
[/column]
[/row]
Button Group
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[buttongroup][button style=”btn-default btn-xs” type=”button” title=”Simple” ]
[button style=”btn-primary btn-xs” type=”button” title=”Primary” ]
[button style=”btn-success btn-xs” type=”button” title=”Success” ]
[button style=”btn-info btn-xs” type=”button” title=”Information” ]
[button style=”btn-warning btn-xs” type=”button” title=”Warning” ]
[button style=”btn-danger btn-xs” type=”button” title=”Danger” ]
[button style=”btn-link btn-xs” type=”link” target=”true” link=”http://themeart.co/” title=”Link” ]
[/buttongroup]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[buttongroup][button style=”btn-default btn-sm” type=”button” title=”Simple” ]
[button style=”btn-primary btn-sm” type=”button” title=”Primary” ]
[button style=”btn-success btn-sm” type=”button” title=”Success” ]
[button style=”btn-info btn-sm” type=”button” title=”Information” ]
[button style=”btn-warning btn-sm” type=”button” title=”Warning” ]
[button style=”btn-danger btn-sm” type=”button” title=”Danger” ]
[button style=”btn-link btn-sm” type=”link” target=”true” link=”http://themeart.co/” title=”Link” ]
[/buttongroup]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[buttongroup][button style=”btn-default” type=”button” title=”Simple” ]
[button style=”btn-primary” type=”button” title=”Primary” ]
[button style=”btn-success” type=”button” title=”Success” ]
[button style=”btn-info” type=”button” title=”Information” ]
[button style=”btn-warning” type=”button” title=”Warning” ]
[button style=”btn-danger” type=”button” title=”Danger” ]
[button style=”btn-link” type=”link” target=”true” link=”http://themeart.co/” title=”Link” ]
[/buttongroup]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[buttongroup][button style=”btn-default btn-lg” type=”button” title=”Simple” ]
[button style=”btn-primary btn-lg” type=”button” title=”Primary” ]
[button style=”btn-success btn-lg” type=”button” title=”Success” ]
[button style=”btn-info btn-lg” type=”button” title=”Information” ]
[button style=”btn-warning btn-lg” type=”button” title=”Warning” ]
[button style=”btn-danger btn-lg” type=”button” title=”Danger” ]
[button style=”btn-link btn-lg” type=”link” target=”true” link=”http://themeart.co/” title=”Link” ]
[/buttongroup]
[/column]
[/row]
Button Toolbar
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[btngrptoolbar]
[buttongroup][button style=”btn-default btn-xs” type=”button” title=”Simple” ]
[button style=”btn-primary btn-xs” type=”button” title=”Primary” ]
[button style=”btn-success btn-xs” type=”button” title=”Success” ]
[/buttongroup]
[buttongroup][button style=”btn-info btn-xs” type=”button” title=”Information” ]
[button style=”btn-warning btn-xs” type=”button” title=”Warning” ]
[/buttongroup]
[buttongroup][button style=”btn-danger btn-xs” type=”button” title=”Danger” ]
[/buttongroup]
[/btngrptoolbar]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[btngrptoolbar]
[buttongroup][button style=”btn-default btn-sm” type=”button” title=”Simple” ]
[button style=”btn-primary btn-sm” type=”button” title=”Primary” ]
[button style=”btn-success btn-sm” type=”button” title=”Success” ]
[/buttongroup]
[buttongroup][button style=”btn-info btn-sm” type=”button” title=”Information” ]
[button style=”btn-warning btn-sm” type=”button” title=”Warning” ]
[/buttongroup]
[buttongroup][button style=”btn-danger btn-sm” type=”button” title=”Danger” ]
[/buttongroup]
[/btngrptoolbar]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[btngrptoolbar]
[buttongroup][button style=”btn-default” type=”button” title=”Simple” ]
[button style=”btn-primary” type=”button” title=”Primary” ]
[button style=”btn-success” type=”button” title=”Success” ]
[/buttongroup]
[buttongroup][button style=”btn-info” type=”button” title=”Information” ]
[button style=”btn-warning” type=”button” title=”Warning” ]
[/buttongroup]
[buttongroup][button style=”btn-danger” type=”button” title=”Danger” ]
[/buttongroup]
[/btngrptoolbar]
[/column]
[/row]
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[btngrptoolbar]
[buttongroup][button style=”btn-default btn-lg” type=”button” title=”Simple” ]
[button style=”btn-primary btn-lg” type=”button” title=”Primary” ]
[button style=”btn-success btn-lg” type=”button” title=”Success” ]
[/buttongroup]
[buttongroup][button style=”btn-info btn-lg” type=”button” title=”Information” ]
[button style=”btn-warning btn-lg” type=”button” title=”Warning” ]
[/buttongroup]
[buttongroup][button style=”btn-danger btn-lg” type=”button” title=”Danger” ]
[/buttongroup]
[/btngrptoolbar]
[/column]
[/row]
Tables
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[table width =”100%” style =”” responsive =”true”]
[table_head]
[th_column]Heading-1[/th_column]
[th_column]Heading-2[/th_column]
[th_column]Heading-3[/th_column]
[th_column]Heading-4[/th_column]
[/table_head]
[table_body]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[/table_body]
[/table]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[table width =”100%” style =”table-striped table-bordered table-hover” responsive =”true”]
[table_head]
[th_column]Heading-1[/th_column]
[th_column]Heading-2[/th_column]
[th_column]Heading-3[/th_column]
[th_column]Heading-4[/th_column]
[/table_head]
[table_body]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[table_row]
[row_column]value-1[/row_column]
[row_column]value-2[/row_column]
[row_column]value-3[/row_column]
[row_column]value-4[/row_column]
[/table_row]
[/table_body]
[/table]
[/column]
[/row]
List
[row]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[list]
[li type=”glyphicon-arrow-right”]your list content[/li]
[li type=”glyphicon-arrow-right”]your list content[/li]
[li type=”glyphicon-arrow-right”]your list content[/li]
[li type=”glyphicon-arrow-right”]your list content[/li]
[/list]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[list]
[li type=”glyphicon-ok”]your list content[/li]
[li type=”glyphicon-ok”]your list content[/li]
[li type=”glyphicon-ok”]your list content[/li]
[li type=”glyphicon-ok”]your list content[/li]
[/list]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[list]
[li type=”glyphicon-plus”]your list content[/li]
[li type=”glyphicon-plus”]your list content[/li]
[li type=”glyphicon-plus”]your list content[/li]
[li type=”glyphicon-plus”]your list content[/li]
[/list]
[/column]
[column lg=”3″ md=”12″ sm=”12″ xs=”12″ ]
[list]
[li type=”glyphicon-minus”]your list content[/li]
[li type=”glyphicon-minus”]your list content[/li]
[li type=”glyphicon-minus”]your list content[/li]
[li type=”glyphicon-minus”]your list content[/li]
[/list]
[/column]
[/row]
Description List
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[dl]
[dlitem heading=”Heading 1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/dlitem]
[dlitem heading=”Heading 2″]Lorem ipsum dolor sit amet, consectetur adipiscing.[/dlitem]
[dlitem heading=”Heading 3″]Lorem ipsum dolor sit amet.[/dlitem]
[dlitem heading=”Heading 4″]Lorem ipsum dolor sit amet, consectetur.[/dlitem]
[dlitem heading=”Heading 5″]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/dlitem]
[/dl]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[dl style=”dl-horizontal”]
[dlitem heading=”Heading 1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/dlitem]
[dlitem heading=”Heading 2″]Lorem ipsum dolor sit amet, consectetur adipiscing.[/dlitem]
[dlitem heading=”Heading 3″]Lorem ipsum dolor sit amet.[/dlitem]
[dlitem heading=”Heading 4″]Lorem ipsum dolor sit amet, consectetur.[/dlitem]
[dlitem heading=”Heading 5″]Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/dlitem]
[/dl]
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
Accordion
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
Tabs
[/column]
[/row]
[row]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[toggles]
[toggle title=”Accordion 1″ class=”in”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/toggle]
[toggle title=”Accordion 2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/toggle]
[toggle title=”Accordion 3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/toggle]
[toggle title=”Accordion 4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/toggle]
[/toggles]
[/column]
[column lg=”6″ md=”12″ sm=”12″ xs=”12″ ]
[tabs class=”yourcustomclass”]
[tab title=”Tab1″ active=”active”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/tab]
[tab title=”Tab 2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/tab]
[tab title=”Tab 3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui.[/tab]
[tab title=”Tab 4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus.[/tab]
[/tabs]
[/column]
[/row]
Tooltip
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
[tooltip type=”button” tooltip=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” style=”top” ]Top[/tooltip]
[tooltip type=”button” tooltip=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” style=”bottom” ]Bottom[/tooltip]
[tooltip type=”button” tooltip=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” style=”left” ]Left[/tooltip]
[tooltip type=”button” tooltip=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” style=”right” ]Right[/tooltip]
[tooltip type=”button” tooltip=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” style=”auto” ]Auto[/tooltip]
[/column]
[/row]
Responsive Image
[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/game-750×500.png”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/cake-750×500.png”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[thumbnail border=”1″ src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/submarine-750×500.png”]
[/column]
[/row]
Image Effect
[row]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/themeart-logo.png” shape=”img-rounded”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/themeart-logo.png” shape=”img-circle”]
[/column]
[column lg=”4″ md=”12″ sm=”12″ xs=”12″ ]
[image src=”http://www.newtechconsulting.co.nz/wp-content/uploads/2015/01/themeart-logo.png” shape=”img-thumbnail”]
[/column]
[/row]
Icon – Glyphicons
[row]
[column lg=”12″ md=”12″ sm=”12″ xs=”12″ ]
Lorem ipsum dolor [icon type=”glyphicon glyphicon-cloud”] sit amet, consectetur adipiscing elit. Maecenas [icon type=”glyphicon glyphicon-user”]sed diam eget risus varius blandit [icon type=”glyphicon glyphicon-plane”]sit amet non magna. Lorem ipsum [icon type=”fa fa-send”]dolor sit amet, consectetur adipiscing elit. Praesent [icon type=”fa fa-smile-o”]commodo cursus magna, vel scelerisque nisl consectetur et.
[/column]
[/row]