.badge
class
Small count and labelling component. Adapts to parent element size.
Syntax
<span class="badge bg-primary">New</span>
Example
html
<h2>Notifications <span class="badge bg-danger">5</span></h2>
<button class="btn btn-primary">
Messages <span class="badge bg-light text-dark">4</span>
</button>
<span class="badge bg-success">Active</span>
<span class="badge bg-warning text-dark">Pending</span>
<span class="badge rounded-pill bg-primary">Pill badge</span>