Buttons

Custom button styles

Default Buttons

Use button classes on an <a>, <button>, or <input> element.

Outlined Buttons

Use the .btn-outline-* classes to create bordered buttons.

Rounded Buttons

Add rounded to buttons to get large rounded corners.

Rounded Outlined Buttons

Use the .btn-outline-* and .btn-rounded classes together to quickly create bordered buttons with large rounded corners.

Button Sizes

Add .btn-lg or .btn-sm classes for additional button sizes.

Button Icons

Add icons to any button or even use Icon-only buttons.


Button Block

Create block level buttons like those in Bootstrap 4, by using a mix of .d-grid and .gap-{1|2} utilities.

Button Group

Create a group of buttons by wrapping with .btn-group.




Disabled Buttons

Add the disabled attribute to disable buttons.