Custom button styles
Use button classes on an <a>
, <button>
, or <input>
element.
Use the .btn-outline-*
classes to create bordered buttons.
Add rounded
to buttons to get large rounded corners.
Use the .btn-outline-*
and .btn-rounded
classes together to quickly create bordered buttons with large rounded corners.
Add .btn-lg
or .btn-sm
classes for additional button sizes.
Add icons to any button or even use Icon-only buttons.
Create block level buttons like those in Bootstrap 4, by using a mix of .d-grid
and .gap-{1|2}
utilities.
Create a group of buttons by wrapping with .btn-group
.
Add the disabled
attribute to disable buttons.