Primary Badge
Use .badgeclass to get badge. For Primary, colored badge use .badge-primaryclass.
Secondary Badge
Use .badgeclass to get badge. For Secondary, colored badge use .badge-secondaryclass.
Success Badge
Use .badgeclass to get badge. For Success, colored badge use .badge-successclass.
Danger Badge
Use .badgeclass to get badge. For Danger, colored badge use .badge-dangerclass.
Info Badge
Use .badgeclass to get badge. For Info, colored badge use .badge-infoclass.
Warning Badge
Use .badgeclass to get badge. For Warning, colored badge use .badge-warningclass.
Light Badge
Use .badgeclass to get badge. For Light, colored badge use .badge-lightclass.
Dark Badge
Use .badgeclass to get badge. For Dark, colored badge use .badge-darkclass.
Easily highlight new or unread items by adding a <span class="badge">to links, Bootstrap navs, and more.
Badge with Link
Use badge class in anchor tag for badge with link.
Badge with button
Use badge class in button tag for badge with button.
Adapts to active nav states
Built-in styles are included for placing badges in active states in pill navigations.
Primary Badge
Use .badge-pillclass to get badge pill. For Primary, colored badge use .badge-primaryclass.
Secondary Badge
Use .badge-pillclass to get badge pill. For Secondary, colored badge use .badge-secondaryclass.
Success Badge
Use .badge-pillclass to get badge pill. For Success, colored badge use .badge-successclass.
Danger Badge
Use .badge-pillclass to get badge pill. For Danger, colored badge use .badge-dangerclass.
Info Badge
Use .badge-pillclass to get badge pill. For Info, colored badge use .badge-infoclass.
Warning Badge
Use .badge-pillclass to get badge pill. For Warning, colored badge use .badge-warningclass.
Light Badge
Use .badge-pillclass to get badge pill. For Light, colored badge use .badge-lightclass.
Dark Badge
Use .badge-pillclass to get badge pill. For Dark, colored badge use .badge-darkclass.
