Badges

A small count and labeling component.

Bootstrap documentation


Primary Secondary Success Danger Warning Info Light Dark Primary Secondary Success Danger Warning Info Light Dark

Soft

Landkit only

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

Primary Secondary Success Info Warning Danger Light Dark

Sizing

Landkit only

Create badges of a bigger size with a .badge-lg modifier.

Large Standard

Circle

Landkit only

Turn any badge into a circle with a .badge-rounded-cirle modifier.

Jump to