Bootstrap Buttons

Button classes

  • .btn
  • .btn btn-primary
  • .btn btn-secondary
  • .btn btn-success
  • .btn btn-info
  • .btn btn-warning
  • .btn btn-danger
  • .btn btn-dark
  • .btn btn-light
  • .btn btn-link

Button Outline

  • .btn btn-outline-primary
  • .btn btn-outline-secondary
  • .btn btn-outline-success
  • .btn btn-outline-info
  • .btn btn-outline-warning
  • .btn btn-outline-danger
  • .btn btn-outline-dark
  • .btn btn-outline-light
  • Button Size

  • .btn btn-* btn-lg"
  • .btn btn-*
  • .btn btn-* btn-sm
  • .btn btn-* btn-block
  • Button Active & Disabled

  • .btn btn-* active"
  • .btn btn-* disabled
  • Button Groups

  • .btn-group
  • .btn-group-lg
  • .btn-group-sm
  • .btn-group-vertical
  • .btn-group
    • .btn btn-* dropdown-toggle
    • .btn btn-* dropdown-toggle dropdown-toggle-split
  • .dropdown-menu
    • .dropdown-item
  • .btn-group-vertical
    • .btn btn-* dropdown-toggle
    • .btn btn-* dropdown-toggle dropdown-toggle-split
    Google