Components

## 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.

##### Rounded Corner

Make rounded corner buttons by adding a class modifier from Bootstrap utilities class `.rounded-pill`

##### Icon Buttons

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

##### Button Group

Group a series of buttons together on a single line or stack them in a vertical column.

##### Checkbox & Radio Group

Combine button-like checkbox and radio toggle buttons into a seamless looking button group.

Checkbox 1 Checkbox 2 Checkbox 3
Radio 1 Radio 2 Radio 3

##### Button Toolbar

Combine sets of button groups into button toolbars for more complex components. Use utility classes as needed to space out groups, buttons, and more.