What is the use of Badges in Bootstrap?

Badges are used for creating labels. Badges scale to match the size of the immediate parent element by using relative font sizing.


<div class="badge bg-type"> Contents... <div>

Types: Following are the eight types of backgrounds available in Bootstrap 5.

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