Change your badges size by adding .badge-{lg|xl} modifier classes.

primary secondary succes warning danger dark primary secondary succes warning danger dark primary secondary succes warning danger dark

Make your badge into a circle or square shape by adding .badge-{circle|square} modifier classes.

Using the contextual .badge-{color} classes on an <a> element quickly provide actionable badges with hover and focus states.

Primary Secondary Success Danger Warning Info Light Dark

Use the .badge-pill modifier class to make badge element more rounded.

primary secondary success warning danger dark light