Badges

Ex. <span class="badge badge-primary"> primary </span>

Primary Secondary Success Danger Warning Info Light Dark Custom

Badges Pills

Ex. <span class="badge badge-primary badge-pill"> primary </span>

Primary Secondary Success Danger Warning Info Light Dark Custom

Badges Outlines

Ex. <span class="badge badge-outline-primary"> primary </span>

Primary Secondary Success Danger Warning Info Light Dark Custom

Badges Outline pills

Ex. <span class="badge badge-outline-primary badge-pill"> primary </span>

Primary Secondary Success Danger Warning Info Light Dark Custom

Link Badges

Ex. <a href="#" class="badge badge-primary"> primary </a>

Primary Secondary Success Danger Warning Info Light Dark Custom