Button
Nam libero tempore, cum soluta nobis
Default Buttons
Use the button classes on an <a>
, <button>
, or <input>
element.
Rounded Buttons
Add .btn-rounded
to default button to get rounded corners.
Button tags
The .btn
classes are designed to be used with the <button>
element. However, you can also use these classes on <a>
or <input>
elements (though some browsers may apply a slightly different rendering).
Sizes
Fancy larger or smaller buttons? Add .btn-lg
or .btn-sm
for additional sizes.
Disabled Buttons
Make buttons look inactive by adding the disabled
boolean attribute to any <button>
element.
Button Width
Create buttons with minimum width by adding add .w-xs
, .w-sm
, .w-md
or .w-lg
.
grids Button
Create block level buttons,with by adding add .d-grid
.
Social Buttons
Use class .btn-@yoursocial
to the parent.