Toggle Accordions:
[toggles class=”yourcustomclass”]
[toggle title=”Accordion number 1″ class=”in”]Toggle 1 content goes here.[/toggle]
[toggle title=”Accordion number 2″]Toggle 2 content goes here.[/toggle]
[toggle title=”Accordion number 3″]Toggle 3 content goes here.[/toggle]
[toggle title=”Accordion number 4″]Toggle 4 content goes here.[/toggle]
[/toggles]
Tabs Shortcode
[tabs class=”yourcustomclass”]
[tab title=”Tab number 1″ active=”active”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra erat id imperdiet ornare. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed molestie tristique libero et suscipit. Donec lectus est, vestibulum non nisi sit amet, gravida condimentum lectus. Nunc sem urna, vehicula et aliquam et, imperdiet ut nisi. In nec odio massa. Ut ut nulla in nunc condimentum cursus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus accumsan mattis. Cras gravida ac erat vitae pretium. Mauris hendrerit feugiat justo non consequat. Nunc pulvinar sapien vulputate scelerisque consequat. Quisque tincidunt convallis nulla ut sollicitudin. In congue nibh tincidunt tellus malesuada vulputate.[/tab]
[tab title=”Tab number 2″]Nam enim enim, sollicitudin et diam eu, fringilla dictum lectus. Nullam quis adipiscing eros, sit amet faucibus ligula. Aliquam gravida, arcu at sollicitudin vestibulum, purus tellus sagittis nibh, in molestie nisi risus sed dolor. Ut commodo metus blandit purus lacinia, et porta massa egestas. Mauris ultricies porta facilisis. Phasellus sit amet blandit urna. Vivamus quis eros id odio bibendum viverra quis id leo. Nam quis est ut est consequat rhoncus. Etiam malesuada ligula velit. Quisque ligula urna, sollicitudin at nulla at, viverra sagittis nunc. Donec porttitor sollicitudin quam quis blandit. Curabitur elit mauris, adipiscing id vestibulum eget.[/tab]
[tab title=”Tab number 3″]Tab 3 content goes here.[/tab]
[tab title=”Tab number 4″]Tab 4 content goes here.[/tab]
[/tabs]
Buttons Normal
[button style=”btn-primary btn-xs” type=”button” title=”Button XS”]
[button style=”btn-primary btn-sm” type=”button” title=”Button Small”]
[button style=”btn-primary btn-lg” type=”button” title=”Button Large”]
Buttons Unlimited Icons
[button style=”btn-primary btn-xs” icon=”glyphicon-bullhorn” align=”left” iconcolor=”#ffffff” type=”button” title=”Button XS”]
[button style=”btn-primary btn-sm” icon=”glyphicon-bullhorn” align=”left” iconcolor=”#ffffff” type=”button” title=”Button Small”]
[button style=”btn-primary btn-lg” icon=”glyphicon-bullhorn” align=”left” iconcolor=”#ffffff” type=”button” title=”Button Large”]
Buttons Group Vertical
[buttongroup style=”vertical”][button style=”btn-primary btn-lg” type=”button” title=”Button One” ]
[button style=”btn-primary btn-lg” type=”button” title=”Button Two” ]
[button style=”btn-primary btn-lg” type=”button” title=”Button Three” ]
[/buttongroup]
Buttons Group Horizontal
[buttongroup][button style=”btn-primary btn-lg” type=”button” title=”Button One” ]
[button style=”btn-primary btn-lg” type=”button” title=”Button Two” ]
[button style=”btn-primary btn-lg” type=”button” title=”Button Three” ]
[/buttongroup]
Warning Message
[notification type=”alert-warning” close=”true” ]Your notification[/notification]
[notification type=”alert-success” close=”true” ]Your notification[/notification]
[notification type=”alert-info” close=”true” ]Your notification[/notification]
[notification type=”alert-danger” close=”true” ]Your notification[/notification]
Warning Message
[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_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]
Tooltips
[tooltip type=”button” link=”” tooltip=”Tooltip Top” style=”top” ]Hover Me[/tooltip]
[tooltip type=”button” link=”” tooltip=”Tooltip Bottom” style=”bottom” ]Hover Me[/tooltip]
[tooltip type=”button” link=”” tooltip=”Tooltip Left” style=”left” ]Hover Me[/tooltip]
[tooltip type=”button” link=”” tooltip=”Tooltip Right” style=”right” ]Hover Me[/tooltip]
[tooltip type=”button” link=”” tooltip=”Tooltip Auto” style=”auto” ]Hover Me[/tooltip]
Panel Boxed
[panel style=”panel-primary”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[panel-footer]
Footer goes here
[/panel-footer]
[/panel]
[panel style=”panel-warning”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[/panel]
[panel style=”panel-success”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[/panel]
[panel style=”panel-info”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[/panel]
[panel style=”panel-danger”]
[panel-header]
Heading goes here
[/panel-header]
[panel-content]
Content goes here
[/panel-content]
[/panel]
Popover Boxed
[popover title=”A title” pop_content=”Your Content” trigger=”hover” style=”top” size=”btn-lg” type=”btn-primary” ]Popover Up[/popover]
[popover title=”A title” pop_content=”Your Content” trigger=”hover” style=”bottom” size=”btn-lg” type=”btn-primary” ]Popover Bottom[/popover]
[popover title=”A title” pop_content=”Your Content” trigger=”hover” style=”left” size=”btn-lg” type=”btn-primary” ]Popover Left[/popover]
[popover title=”A title” pop_content=”Your Content” trigger=”hover” style=”right” size=”btn-lg” type=”btn-primary” ]Popover Right[/popover]
Dropdown Styles
[dropdown dropup=”dropdown”]
[dropdownhead style=”btn-primary” size=”btn-lg” split=””]
Dropdown
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Item One[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Item Two[/dropdownitem]
[dropdownitem type=”divider”][/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]And More[/dropdownitem]
[/dropdownbody]
[/dropdown]
[dropdown dropup=”dropup”]
[dropdownhead style=”btn-primary” size=”btn-lg” split=””]
Dropup
[/dropdownhead]
[dropdownbody]
[dropdownitem type=”menuitem” link=”#” ]Dropdown Item[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Item One[/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]Item Two[/dropdownitem]
[dropdownitem type=”divider”][/dropdownitem]
[dropdownitem type=”menuitem” link=”#” ]And More[/dropdownitem]
[/dropdownbody]
[/dropdown]
Dropdown Styles
[label type=”label-primary”]
Label
[/label]
[label type=”label-success”]
Label
[/label]
[label type=”label-info”]
Label
[/label]
[label type=”label-warning”]
Label
[/label]
[label type=”label-danger”]
Label
[/label]
Progress Bar
[progressbar value=”50″ bartype=”progress-bar-success” barstyle=”progress-striped active”]
[progressbar value=”90″ bartype=”progress-bar-success”]