Badge

Heading

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Background Colors

Add bootstrap background color class to badge like: .bg-*

Primary Secondary Success Danger Warning Info Light Dark

Pill badges

Add .rounded-pill Class to badge

Primary Secondary Success Danger Warning Info Light Dark

Butons

Positioned

<button type="button" class="btn btn-primary position-relative">
    Notifications
    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
        99+
        <span class="visually-hidden">unread messages</span>
    </span>
</button>