Buttons default, outline, pills & more

Default Buttons

Bootstrap buttons

Button tags

The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements.

Link

Button Size

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.

Disable Buttons

Primary link Link

Checkbox & Radio Buttons

Outline Buttons

Bootstrap outline buttons

Button tags

The .btn classes are designed to be used with the <button> element. However, you can also use these classes on <a> or <input> elements.

Link

Button Size

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.

Disable Buttons

Primary link Link

Checkbox & Radio Buttons