Badges significa crachá em ingles e parecem pequenos crachás que se colocam num objeto do documento.

Formato :
<h1>Exemplo de formatação do Badge <span class="badge badge-secondary" >New</span></h1>

Note que o tamanho do badge (New) se dá em função to tamanho da tag a ele associada(h1).

---

Formato :
<span class="badge badge-primary">Primary</span>

Primary Secondary Success Danger Warning Info Light Dark

---

Formato :
<div style="padding-left:5px">
        <button type="button" class="btn btn-primary">
            Messages
            <span class="badge badge-light">4</span>
        </button>
        <button type="button" class="btn btn-danger">
            Notifications <span class="badge badge-light">7</span>
        </button>
</div>

Messages 4 Notifications 7