Components

This theme support Bootstrap 3.1.1 Features & Components

[row]
[column md=”12″]

[/column]
[/row]

 

Some example

[row]
[column md=”12″]
[button type=”success” size=”lg” link=”#”] Success button [/button] [button type=”info” size=”lg” link=”#”] Info button [/button] [button type=”primary” size=”lg” link=”#”] Primary button [/button] [button type=”danger” size=”lg” link=”#”] Danger button [/button] [button type=”warning” size=”lg” link=”#”] Warning button [/button]

[/column]
[/row]

[row]
[column md=”4″]

Button Group

[button-group size=”md” justified=”” vertical=””]
[button link=”#”] Button 1 [/button]
[button link=”#”] Button 2[/button]
[button link=”#”] Button 3[/button]
[/button-group]

[/column]

[column md=”4″]

Button Dropdown

[button-group]
[button link=”#” dropdown=”true” data=”toggle,dropdown”] Button dropdown  [caret]
[/button]
[dropdown]
[dropdown-header] Dorpdown header [/dropdown-header]
[dropdown-item link=”#”] button here[/dropdown-item]
[dropdown-item link=”#”] button here[/dropdown-item]
[dropdown-item link=”#”] button here[/dropdown-item]
[/dropdown]
[/button-group]

[/column]

[column md=”4″]

Label

[label type=”success”] label success [/label]  [label type=”info”] info [/label]  [label type=”warning”] warning [/label]  [label type=”danger”] danger [/label]

[/column]
[/row]

[row]
[column md=”4″]

Alerts

[alert type=”success”] success alert [/alert] [alert type=”info”] info alert [/alert] [alert type=”danger”] danger alert [/alert] [alert type=”warning”] warning alert [/alert]

[/column]

[column md=”4″]

Progress

[progress striped=”true”]
[progress-bar percent=”50″]
[progress-bar percent=”25″ type=”success”]
[/progress]

[progress striped=”true”]
[progress-bar percent=”30″]
[progress-bar percent=”45″ type=”warning”]
[/progress]

[progress striped=”false”]

[progress-bar percent=”40″ type=”danger”]

[/progress]

[progress striped=”false”]

[progress-bar percent=”65″ type=”info”]

[/progress]

[/column]

[column md=”4″]

Modal

[modal text=”Click to launch modal” title=”Modal Title Goes Here” xclass=”btn btn-success btn-large”]
Lorem ipsum dolor sit amet, an eum wisi probo homero, at utinam adipisci interpretaris sit. Usu molestiae reprimique disputationi eu
[modal-footer]
[button type=”primary” link=”#” data=”dismiss,modal”]Dismiss[/button]
[/modal-footer]
[/modal]

[/column]
[/row]