Secondary Badge
Use the .badgeclass, followed by.badge-secondaryclass within element to create secondary badge.
Primary Badge
Use the .badgeclass, followed by.badge-primaryclass within element to create primary badge.
Success Badge
Use the .badgeclass, followed by.badge-successclass within element to create success badge.
Danger Badge
Use the .badgeclass, followed by.badge-dangerclass within element to create danger badge.
Info Badge
Use the .badgeclass, followed by.badge-infoclass within element to create info badge.
Warning Badge
Use the .badgeclass, followed by.badge-warningclass within element to create warning badge.
Badges With Icons
Square Badges With Icons
Use class .badge-squarewith .badgeto make your badge square
Badges With Only Icons
Link Badge
Use <a>tag inside your .badgeto create a badge with icon
Dropdown Badge
Use .dropdown-toggleclass with your badge text to create a badge with dropdown
Dropdown Badge With Icon
Add icon before your dropdown toggle text to create a dropdown toggle with icon
Block Badge With Link
Use .blockclass with .badge, to display badge as a block element.
Block Badge With Link And Icon
Add your icon inside <a>tag class to make your block badge a link
Badge Sizes
Use classes badge-{xl|lg|md|sm}to change size of a badge