Buttons
Default Buttons
Use the button classes on an <a>,<button>,or <input>element.
Rounded Button
Add .btn-roundedto default button to get rounded corners.
Outline Buttons
Use a classes .btn-outline-**to quickly create a bordered buttons.
Outline Rounded Button
Add .btn-roundedto default button to get rounded corners.
Soft Buttons
Use a classes .btn-soft-**to quickly create buttons with soft background.
Soft Rounded Button
Add .btn-roundedto default button to get rounded corners.
Buttons Labels
Put <span>with class .btn-labeland any iconinside it. If you want to put icon on right side then add class .btn-label-rightin <span>
Outline Rounded Button
Add .btn-roundedto default button to get rounded corners.
Button Width
Create buttons with minimum width by adding add .width-xs,.width-sm,.width-md,.width-lgor .width-xl.
Button Sizes
Add .btn-lg,.btn-sm,or .btn-xsfor additional sizes.
Button Disabled
Add the disabledattribute to <button>buttons.
Icons Buttons
Icon only button.
Block Buttons
Create block level buttons,with by adding add .btn-block.
Button Group
Wrap a series of buttons with .btnin .btn-group.
