Contextual Badges

Use the .badge class, followed by.bg-{color}class within element to create primary badge.

Primary Secondary Success Danger Warning Info Dark

Glow Badges

Use class .badge-glow to add glow effect to contextual badge.

Primary Secondary Success Danger Warning Info Dark

Light Badges

Use class .badge class with .badge-light-{color} to add light effect to your badge.

Primary Secondary Success Danger Warning Info Dark

Badges With Icons

Primary Secondary Success Danger Warning Info Info