Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Read the Official Bootstrap Documentation for a full list of instructions and other options.
Basic Styling

Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

Outline Buttons

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.

Sizes

Button can have additional sizes like larger or smaller buttons.

Full Width

Create block level buttons—those that span the full width of a parent

Active State

Buttons will appear pressed (with a darker background, darker border, and inset shadow) when active and also by adding .active class.

Disabled State

Make buttons look inactive by adding the disabled boolean attribute to any button element.

Icon Buttons

Make icon buttons by adding only icon and add class modifier using .btn-icon