Buttons

  1. Home
  2. Shortcodes
  3. Buttons

Default Buttons

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Default primary success danger warning info link
Default primary success danger warning info

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


Standard Buttons

Keep up on our always evolving product features and technology. Enter your e-mail and subscribe to our newsletter.

ACCENT BUTTON BLUE BUTTON TURQUOISE BUTTON GREEN BUTTON PINK BUTTON ORANGE BUTTON GOLD BUTTON BLACK BUTTON GREY BUTTON LIGHT GREY BUTTON

Sizing

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

btn xlg btn lg btn md btn default btn sm btn xs

Icon Reveal Buttons

COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL COLOURED ICON REVEAL

Stroke & Icon Buttons

STROKE BUTTON & ICON STROKE BUTTON & ICON STROKE BUTTON & ICON

Buttons for dark backgrounds

STANDARD WHITE BTN TRANSPARENT LIGHT
DARK STROKE TO FILL

Large Buttons

LARGE DROP SHADOW LARGE STANDARD ACCENT LARGE STANDARD BUTTON LARGE STROKE TO FILL LARGE ICON REVEAL LARGE ICON