Documentation and examples for badges, our small count and labeling component.
Badges can be used as part of links or buttons to provide a counter.
Use utilities to modify a
.badge and position it in the corner of a link or button.
You can also replace the
.badge class with a few more utilities without a count for a more generic indicator.
Use our background utility classes to quickly change the appearance of a badge. Please note that when using Bootstrap’s default
.bg-light, you’ll likely need a text color utility like
.text-dark for proper styling. This is because background utilities do not set anything but
.rounded-pill utility class to make badges more rounded with a larger