Button

[row] [col class=”span6″]

Default Buttons

[button type=”default” size=”mini” link=”#”]Mini button[/button]

[button type=”default” size=”small” link=”#”]Small button[/button]

[button type=”default” size=”” link=”#”]Default button[/button]

[button type=”default” size=”large” link=”#”]Large button[/button]

[button type=”block btn-default” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="default" size="mini" link="#"]Mini button[/button]] [[button type="default" size="small" link="#"]Small button[/button]] [[button type="default" size="" link="#"]Default button[/button]] [[button type="default" size="large" link="#"]Large button[/button]] [[button type="block btn-default" size="large" link="#"]Block level button[/button]]

[/col] [/row]

[row] [col class=”span6″]

Primary Buttons

[button type=”primary” size=”mini” link=”#”]Mini button[/button]

[button type=”primary” size=”small” link=”#”]Small button[/button]

[button type=”primary” size=”” link=”#”]Default button[/button]

[button type=”primary” size=”large” link=”#”]Large button[/button]

[button type=”block btn-primary” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="primary" size="mini" link="#"]Mini button[/button]] [[button type="primary" size="small" link="#"]Small button[/button]] [[button type="primary" size="" link="#"]Default button[/button]] [[button type="primary" size="large" link="#"]Large button[/button]] [[button type="block btn-primary" size="large" link="#"]Block level button[/button]]

[/col] [/row]

[row] [col class=”span6″]

Success Buttons

[button type=”success” size=”mini” link=”#”]Mini button[/button]

[button type=”success” size=”small” link=”#”]Small button[/button]

[button type=”success” size=”” link=”#”]success button[/button]

[button type=”success” size=”large” link=”#”]Large button[/button]

[button type=”block btn-success” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="success" size="mini" link="#"]Mini button[/button]] [[button type="success" size="small" link="#"]Small button[/button]] [[button type="success" size="" link="#"]success button[/button]] [[button type="success" size="large" link="#"]Large button[/button]] [[button type="block btn-success" size="large" link="#"]Block level button[/button]]

[/col] [/row]

[row] [col class=”span6″]

Warning Buttons

[button type=”warning” size=”mini” link=”#”]Mini button[/button]

[button type=”warning” size=”small” link=”#”]Small button[/button]

[button type=”warning” size=”” link=”#”]warning button[/button]

[button type=”warning” size=”large” link=”#”]Large button[/button]

[button type=”block btn-warning” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="warning" size="mini" link="#"]Mini button[/button]] [[button type="warning" size="small" link="#"]Small button[/button]] [[button type="warning" size="" link="#"]warning button[/button]] [[button type="warning" size="large" link="#"]Large button[/button]] [[button type="block btn-warning" size="large" link="#"]Block level button[/button]]

[/col] [/row]

[row] [col class=”span6″]

Danger Buttons

[button type=”danger” size=”mini” link=”#”]Mini button[/button]

[button type=”danger” size=”small” link=”#”]Small button[/button]

[button type=”danger” size=”” link=”#”]Default button[/button]

[button type=”danger” size=”large” link=”#”]Large button[/button]

[button type=”block btn-danger” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="danger" size="mini" link="#"]Mini button[/button]] [[button type="danger" size="small" link="#"]Small button[/button]] [[button type="danger" size="" link="#"]danger button[/button]] [[button type="danger" size="large" link="#"]Large button[/button]] [[button type="block btn-danger" size="large" link="#"]Block level button[/button]]

[/col] [/row]

[row] [col class=”span6″]

inverse Buttons

[button type=”inverse” size=”mini” link=”#”]Mini button[/button]

[button type=”inverse” size=”small” link=”#”]Small button[/button]

[button type=”inverse” size=”” link=”#”]Default button[/button]

[button type=”inverse” size=”large” link=”#”]Large button[/button]

[button type=”block btn-inverse” size=”large” link=”#”]Block level button[/button]

[/col] [col class=”span6″]

Get the Code:

[[button type="inverse" size="mini" link="#"]Mini button[/button]] [[button type="inverse" size="small" link="#"]Small button[/button]] [[button type="inverse" size="" link="#"]inverse button[/button]] [[button type="inverse" size="large" link="#"]Large button[/button]] [[button type="block btn-inverse" size="large" link="#"]Block level button[/button]]

[/col] [/row]