## Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more. Includes support for a handful of contextual variations, sizes, states, and more.

##### Default Buttons

Use any of the available button classes to quickly create a styled button. Semantically distinguishable beauty.

##### Rounded Buttons

Add `.btn-rounded` class to quickly create a styled rounded button. You will get the following examples.

##### Outline Buttons

Replace the default modifier classes with the `.btn-outline-*` ones to remove all background images and colors on any button.

##### Size Variants

Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes.

##### Block Buttons

Create block level buttons—those that span the full width of a parent—by adding `.btn-block`.

##### Disabled Buttons

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

##### Button group

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

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

##### Checkbox and radio buttons

Bootstrap’s `.button` styles can be applied to other elements, such as `<label>`s, to provide checkbox or radio style button toggling. Add `data-toggle="buttons"` to a `.btn-group` containing those modified buttons to enable toggling in their respective styles.

Note that pre-checked buttons require you to manually add the `.active` class to the input’s `<label>`.

Checkbox 1 Checkbox 2 Checkbox 3

Do more with buttons. Control button states or create groups of buttons for more components like toolbars. Add `data-toggle="buttons"` to a group of radio inputs for radio style toggling on btn-group.

Radio 1 Radio 2 Radio 3