Buttons
Default Buttons
Use the button classes on an <a>
, <button>
, or <input>
element.
Button-Rounded
Add .btn-rounded
to default button to get rounded corners.
Button-Custom
Use a classes .btn-custom
to quickly create a bordered buttons.
Outline buttons
In need of a button, but not the hefty
background colors they bring? Replace the default modifier classes with the
.btn-outline-*
ones to remove all
background images and colors on any button.
Button-Width
Create buttons with minimum width by adding add .w-xs
, .w-sm
, .w-md
or .w-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
.
Dropdown
Turn a button into a dropdown toggle with some basic markup changes.
Split button dropdown
Turn a button into a dropdown toggle with some basic markup changes.
Dropup
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup
to the parent.
File upload buttons
Use the button classes on an <a>
, <button>
, or <input>
element.