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-roundedto default button to get rounded corners.

Button Bordered Rounded

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

Button-Width

Create buttons with minimum width by adding add .w-xs, .w-sm, .w-mdor .w-lg.

XsSmallMiddleLarge

Button-Sizes

Add .btn-lg, .btn-smfor additional sizes.

Button-Disabled

Add the disabledattribute 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 .btnin .btn-group.