You can add button classes on <a>, <button>, or <input> elements. You need to add class .btn to make a link or element look like a button. Bootstrap provides many options to style buttons.

Contextual Colors and Styles

  • .btn-default
  • .btn-primary
  • .btn-success
  • .btn-info
  • .btn-warning
  • .btn-danger
  • .btn-link


Bootstrap provides five button sizes.

  • .btn-lg
  • .btn-md
  • .btn-sm
  • .btn-xs
  • .btn-block

State (Active or Disabled)

A button can be set to an active (pressed) or a disabled (not clickable) state.

  • .active
  • .disabled