Basic Pill Badges
Use the .badge-pill modifier class to make badges more rounded (with a larger
border-radius and additional horizontal padding).
Pill Badges Light
Use the .badge-pill class with .badge.badge-light-{colorName} class to
create pill badges with light colored background options.
Glow Badges
Use class .badge-glow to add glow effect with badges.
Pill Badges With Icons
Pill Badges as Notification
Use class .badge-up within .position-relative class to add badges as
notification.
Custom Badge Circle
Use .badge-circle to add badges with circle and use
.badge-circle-{colorName} to create circle badges with colored background
options. For different sizing variations, use .badge-circle-{lg/sm} along with .badge-circle.
Custom Badge Circle with Light Background
Use .badge-circle-light-{colorName} along with .badge-circle class to create circle badges with light colored background
options.
