Buttons
Default Buttons
Use the button classes on an <a>
, <button>
, or <input>
element.
Button Bordered
Use a classes .btn-outline-**
to quickly create a bordered buttons.
Button-Rounded
Add .btn-rounded
to default button to get rounded corners.
Button Bordered Rounded
Use a classes .btn-outline-**
to quickly create a bordered buttons.
Button-Width
Create buttons with minimum width by adding add .width-xs
, .width-sm
, .width-md
or .width-lg
.
Button-Sizes
Add .btn-lg
, .btn-sm
for additional sizes.
Button-Disabled
Add the disabled
attribute to <button>
buttons.
Icon Button
Icon only button.
Block Button
Create block level buttons,with by adding add .btn-block
.
Button Group
Wrap a series of buttons with .btn
in .btn-group
.
Social buttons
Use class .btn-@yoursocial
to the parent.