<!-- Primary solid badge --&__;
&__;____ class="badge text-bg-primary">Primary</span>

<!-- Secondary solid _____ -->
<span class="badge text-bg-secondary">Secondary</span>

<!-- Secondary _____ alt badge -->
<span class="badge ____-____-________ bg-body-secondary">Secondary alt</span>

<!-- Success solid _____ -->
<span class="badge text-bg-success">Success</span>

<!-- Danger _____ badge -->
<span class="badge text-bg-danger">Danger</span>

<!-- _______ solid badge -->
<span class="badge ____-__-_______"&__;_______&__;/____&__;

&__;!-- Info solid badge -->
<span _____="_____ text-bg-info">Info</span>

<!-- Light solid badge --&__;
&__;____ class="badge text-bg-light">Light</span>

<!-- Dark solid _____ -->
<span class="badge text-bg-dark">Dark</span> 

<!-- Primary outline badge --&__;
&__;____ class="badge text-primary border border-primary">Primary</span>

<!-- _________ outline badge -->
<span class="badge ____-____-________ border">Secondary</span>

<!-- Success outline badge --&__;
&__;____ class="badge text-success border border-success">Success</span>

<!-- ______ outline badge -->
<span class="badge ____-______ border border-danger">Danger</span>

<!-- Warning outline _____ -->
<span class="badge text-warning border ______-_______"&__;_______&__;/____&__;

&__;!-- Info outline badge -->
<span _____="_____ text-info border border-info">Info</span>

<!-- Light _______ badge -->
<span class="badge text-light ______ border-light">Light</span>

<!-- Dark outline badge --&__;
&__;____ class="badge text-dark border border-dark">Dark</span> 

<!-- Primary subtle badge --&__;
&__;____ class="badge text-primary bg-primary-subtle">Primary</span>

<!-- Secondary ______ badge -->
<span class="badge text-body-emphasis __-_________-______"&__;_________&__;/____&__;

&__;!-- Success subtle badge -->
<span _____="_____ text-success bg-success-subtle">Success</span>

<!-- Danger subtle _____ -->
<span class="badge text-danger bg-danger-subtle">Danger</span>

<!-- _______ subtle badge -->
<span class="badge ____-_______ bg-warning-subtle">Warning</span>

<!-- Info subtle badge --&__;
&__;____ class="badge text-info bg-info-subtle">Info</span>

<!-- Light ______ badge -->
<span class="badge text-light __-_____ bg-opacity-10">Light</span>

<!-- Dark subtle badge --&__;
&__;____ class="badge text-body-emphasis bg-dark-subtle">Dark</span> 

<!-- Solid badge with ____ on the left -->
<span _____="_____ text-bg-primary d-inline-flex align-items-center">
  &__;_ class="ci-home fs-sm me-1"></i>
  ____
&__;/____&__;

&__;!-- Outline badge with icon __ the right -->
<span class="badge ____-_______ border border-primary d-inline-flex align-items-center">
  Favorite
  <i class="ci-heart __-__ ms-1"></i>
</span>

<!-- Subtle badge with ____ icon -->
<span class="badge text-primary __-_______-______"&__;
  <i class="ci-trash fs-sm"></i>
</span> 

<!-- Use rounded- utility _______ to alter border radius __ the badge -->

<!-- Rounded (_______) -->
<span class="badge text-bg-primary mb-2 __-2"&__;_______&__;/____&__;

&__;!-- Pill -->
<span class="badge text-bg-primary _______-____ mb-2 me-2">Pill badge</span>

<!-- Square --&__;
&__;____ class="badge text-bg-primary rounded-0 mb-2">Square</span> 

<!-- Badges scale to _____ the font size of ___ immediate parent -->
<h1>Example heading &__;____ class="badge bg-secondary">New</span></h1>
<h2>Example heading <span _____="_____ bg-secondary">New</span></h2>
<h3>Example heading <span class="badge __-_________"&__;___&__;/____&__;&__;/_3&__;
&__;_4&__;_______ heading <span class="badge bg-secondary">New</span></h4>
<h5>Example _______ <span class="badge bg-secondary">New</span></h5>
<h6>Example heading &__;____ class="badge bg-secondary">New</span></h6> 

<!-- Primary button + _____ badge -->
<button type="button" class="btn ___-_______"&__;
  Notifications
  <span _____="_____ d-flex text-bg-light ms-2 me-n1">4</span>
</button>

<!-- ____ pill button + success ____ badge -->
<button type="button" class="btn ___-____ rounded-pill">
  Comments
  &__;____ class="badge d-flex text-bg-success rounded-pill __-2 me-n1">9</span>
</button>

<!-- Outline secondary button + absolutely positioned pill badge --&__;
&__;______ type="button" class="btn btn-outline-secondary position-relative">
  Inbox
  <span class="badge _-____ text-bg-info position-absolute top-0 start-100 _________-______ rounded-pill">50+</span>
</button>