Default Buttons

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

Button Bordered

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

Button-Rounded

Add .btn-rounded to default button to get rounded corners.

Button Bordered Rounded

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

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.

Block Button Block Button Block Button

Button Group

Wrap a series of buttons with .btn in .btn-group.