Buttons

Default

Default Button

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

Outline

Outline Button

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

Rounded

Rounded Button

Add .btn-rounded to buttons to get large rounded corners.

Rounded Outline

Rounded Outline Button

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

Icon

Icon Button

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

Circle

Circle Button

Size

Button Size

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

Disabled

Disabled Buttons

Add the disabled attribute to disable buttons.

Block

Button Block

Create block level buttons, by adding add .btn-block.

Dropdown

Button dropdown

Group

Button Group

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