Use the .badge & .text-bg-* classes to make badges.

Use the .rounded-pill modifier class to make badges more rounded.

Using the .badge-outline-* to quickly create a bordered badges.

Use the .rounded-pill modifier class to make badges more rounded.

Use the .badge-soft--* modifier class to make badges lighten.

Use the .badge-soft--* modifier class to make badges lighten.

Using the .badge-label to quickly create a square based badges.

Using the .badge-square to quickly create a square based badges.

Using the .badge-circle to quickly create a circle based badges.

Use utilities to modify a .badge and position it in the corner of a link or button.

h1.Example heading New

h2.Example heading New

h3.Example heading New

h4.Example heading New

h5.Example heading New

h6.Example heading New