Badges

Please read the official Bootstrap documentation for a full list of options.

Primary Secondary Success Danger Warning Info Light Dark

  <span class="badge text-bg-primary">Primary</span>
  <span class="badge text-bg-secondary">Secondary</span>
  <span class="badge text-bg-success">Success</span>
  <span class="badge text-bg-danger">Danger</span>
  <span class="badge text-bg-warning">Warning</span>
  <span class="badge text-bg-info">Info</span>
  <span class="badge text-bg-light">Light</span>
  <span class="badge text-bg-dark">Dark</span>

29next system badges

Primary Secondary Success Danger Warning Info

  <span class="badge bg-primary-light">Primary</span>
  <span class="badge bg-secondary-light">Secondary</span>
  <span class="badge bg-success-light">Success</span>
  <span class="badge bg-danger-light">Danger</span>
  <span class="badge bg-warning-light">Warning</span>
  <span class="badge bg-info-light">Info</span>