Use the .badge class, followed by.badge-pill with .badge-secondaryclass within element to create default pill badge.
Use the .badge class, followed by.badge-pill with .badge-primaryclass within element to create primary pill badge.
Use the .badge class, followed by.badge-pill with .badge-successclass within element to create success pill badge.
Use the .badge class, followed by .badge-pill with .badge-dangerclass within element to create danger pill badge.
Use the .badge class, followed by .badge-pill with .badge-infoclass within element to create info pill badge.
Use the .badge class, followed by .badge-pill with .badge-warningclass within element to create warning pill badge.
Use the .badge class, followed by.bg-blue-greyclass within element to create blue grey label.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
Use the .badge class, followed by .badge-pill with .badge-glowclass within element to create glow styled pill badge.
For square pill badges, use .badge-square class with .badge class.
Use .badge-up to set pill badge to higher than other text. So that it can work with notifications also.