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-Width

Create buttons with minimum width by adding add .width-xs, .width-sm, .width-md or .width-lg.

Button-Sizes

Add .btn-lg, .btn-sm, or .btn-xs 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.

Button Group

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