Bootstrap badge scale to suit the size of the parent element by using relative font sizing and
Badges can be used as part of links or buttons to provide a counter.
Add any of the below-mentioned classes to modify the presentation 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 modifier class to make badges rounded.