Badges

A small count and labeling component.

Bootstrap Documentation


Primary Secondary Success Danger Warning Info Light Dark

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