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 linkLink
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 linkLink
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 linkLink
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 linkLink
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 linkLink
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 linkLink
Icon Buttons

Default Icon buttons

Square Icon buttons

Pill Icon buttons

Bootstrap outline buttons

Button Size

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

Icon Buttons without Text

Default Icon buttons

Square Icon buttons

Pill Icon buttons

Bootstrap outline buttons

Button Size

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