Badges

See Bootstrap docs
Primary Secondary Success Info Purple Warning Danger Light Dark Sky Pistachio
<span class="badge bg-primary">Primary</span>
<span class="badge bg-secondary">Secondary</span>
<span class="badge bg-success">Success</span>
<span class="badge bg-info">Info</span>
<span class="badge bg-purple">Purple</span>
<span class="badge bg-warning">Warning</span>
<span class="badge bg-danger">Danger</span>
<span class="badge bg-light text-dark">Light</span>
<span class="badge bg-dark">Dark</span>
<span class="badge bg-sky text-dark">Sky</span>
<span class="badge bg-pistachio text-dark">Pistachio</span>

Sizing .badge-lg

Large Normal
<span class="badge bg-primary badge-lg text-uppercase">Large</span>
<span class="badge bg-info text-uppercase">Normal</span>

Pastel colors

Primary Secondary Success Info Purple Warning Danger Dark
<span class="badge bg-pastel-primary text-primary">Primary</span>
<span class="badge bg-pastel-secondary text-secondary">Secondary</span>
<span class="badge bg-pastel-success text-success">Success</span>
<span class="badge bg-pastel-info text-info">Info</span>
<span class="badge bg-pastel-warning text-warning">Warning</span>
<span class="badge bg-pastel-danger text-danger">Danger</span>
<span class="badge bg-pastel-dark text-dark">Dark</span>