Buttons

Button Types

Primary Form Actions

Used for Form Submits

Secondary Actions

Used to denote attention on both forms and text
Use sparingly

Error/Alert Actions

Use sparingly

Alternate/Cancel/Close Actions

Used to highlight action links (not primary focus)
Several on a page

Link Button

Used to highlight links (not primary focus)
Several on a page

Buttons - Formatting

Outlined Buttons

Use an outline instead of a solid color.

Icon Buttons

Add an extra icon or use an icon as a standalone button.

Buttons with Dropdowns

Dropdowns buttons are available with any color and any size.

Button Sizes

If you want larger or smaller buttons, you can add.btn-lg,.btn-sm, or.btn-xs class.

Button Groups