Normal Badges

To create normal badges, you can add .badge class to badge.

Primary Secondary Success Danger Warning Info Light Dark

Pill badges

To create pills badges, you can add .badge .badge-pill class to badge.

Primary Secondary Success Danger Warning Info Light Dark

Outline Badges

To create outline badges, you can add .badge-outline-* class.

Primary Secondary Success Danger Warning Info Light Dark

Outline Pill Badges

To create outline pill badges, you can add .badge-pill .badge-outline-* class.

Primary Secondary Success Danger Warning Info Light Dark

Badges with link

To create badges with link, you can add .badge .badge-primary class.

Primary Secondary Success Danger Warning Info Light Dark

Pill Badges with link

To create pill badges with link, you can add .badge .badge-pill .badge-primary class.

Primary Secondary Success Danger Warning Info Light Dark

Fancy Badges

To add three diminsion to badges You can add .dim class to badge.