Mini Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

Small Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

[button size=”btn-small” class=”btn-danger”]Danger button[/button]

 

Default Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

[button size=”medium” bgcolor=”black”]Black button[/button]

 

Large Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

[button size=”large” bgcolor=”azure”]Azure button[/button]

 

Mini Rounded Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

Small Rounded Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

 

Default Rounded Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

 

Large Rounded Buttons

Default button Primary button Info button Success button Warning button Danger button Inverse button

[button size=”large” class=”btn-primary” type=”rounded-button”]Primary button[/button]

Predefined classes: default, primary, info, success, warning, danger, inverse

List of possible attributes:

  • target- Link target (_blank, _self)
  • href – Url (http://www.example.com/)
  • class – Custom button class which you can use to style it differently
  • size – Button size (small, medium, large)
  • border_color – Button border color
  • bgcolor – Button background color
  • type – Type (button, rounded-button)