Badges

A small count and labeling component.

Bootstrap Documentation


Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New
Primary Secondary Success Danger Warning Info Dark Light
Primary Secondary Success Danger Warning Info Dark Light

Soft

Goodkit Exclusive

Creates a soft variant of a corresponding contextual badge variation. These can be used exactly like Bootstrap's core badges, including modifying classes like .badge-pill, as an <a> itself, or inside of <button> or <a> elements.

Primary Secondary Success Info Warning Danger Light Dark

Uppercase

Combine badges with text utilities to get a completely new look.

Primary Primary soft