Use the .badge
class, followed by.badge-pill
with .badge-secondary
class within element to create default pill badge.
Use the .badge
class, followed by.badge-pill
with .badge-primary
class within element to create primary pill badge.
Use the .badge
class, followed by.badge-pill
with .badge-success
class within element to create success pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-danger
class within element to create danger pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-info
class within element to create info pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-warning
class within element to create warning pill badge.
Use the .badge
class, followed by.bg-blue-grey
class within element to create blue grey label.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-pill
with .badge-glow
class within element to create glow styled pill badge.
For square pill badges, use .badge-square
class with .badge
class.
Use the .badge
class, followed by.badge-border
with .badge-primary
class within element to create primary pill badge.
Use the .badge
class, followed by.badge-border
with .badge-success
class within element to create success pill badge.
Use the .badge
class, followed by .badge-border
with .badge-danger
class within element to create danger pill badge.
Use the .badge
class, followed by .badge-border
with .badge-info
class within element to create info pill badge.
Use the .badge
class, followed by .badge-border
with .badge-warning
class within element to create warning pill badge.
Use the .badge
class, followed by .badge-border
with .bg-blue
class within element to create blue pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
Use the .badge
class, followed by .badge-border
with .badge-glow
class within element to create glow styled pill badge.
For square pill badges, use .badge-square
class with .badge
class.