Activites

background color

  • .bg-primary
  • .bg-secondary
  • .bg-success
  • .bg-info
  • .bg-warning
  • .bg-info
  • .bg-danger
  • .bg-light
  • .bg-dark

text color

  • .text-primary
  • .text-secondary
  • .text-success
  • .text-info
  • .text-warning
  • .text-info
  • .text-danger
  • .font-light
  • .text-dark

button

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

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-info
  • .btn.btn-outline-danger
  • .btn.btn-outline-light
  • .btn.btn-outline-dark

alert

  • .alert.alert-primary
  • .alert.alert-secondary
  • .alert.alert-success
  • .alert.alert-info
  • .alert.alert-warning
  • .alert.alert-info
  • .alert.alert-danger
  • .alert.alert-light
  • .alert.alert-dark

alert outline

  • .alert.alert-outline-primary
  • .alert.alert-outline-secondary
  • .alert.alert-outline-success
  • .alert.alert-outline-info
  • .alert.alert-outline-warning
  • .alert.alert-outline-info
  • .alert.alert-outline-danger
  • .alert.alert-outline-light
  • .alert.alert-outline-dark

badge

  • .badge.badge-primary
  • .badge.badge-secondary
  • .badge.badge-success
  • .badge.badge-info
  • .badge.badge-warning
  • .badge.badge-info
  • .badge.badge-danger
  • .badge.badge-light
  • .badge.badge-dark

badge rounded

  • .badge.badge-primary.rounded-pill
  • .badge.badge-secondary.rounded-pill
  • .badge.badge-success.rounded-pill
  • .badge.badge-info.rounded-pill
  • .badge.badge-warning.rounded-pill
  • .badge.badge-info.rounded-pill
  • .badge.badge-danger.rounded-pill
  • .badge.badge-light.rounded-pill
  • .badge.badge-dark.rounded-pill