Use our custom badge styles to add a label compontent on your website. Bootstrap docs
<span class="badge bg-primary rounded-pill">Badge</span> <span class="badge bg-yellow rounded-pill">Badge</span> <span class="badge bg-orange rounded-pill">Badge</span> <span class="badge bg-red rounded-pill">Badge</span> <span class="badge bg-pink rounded-pill">Badge</span> <span class="badge bg-violet rounded-pill">Badge</span> <span class="badge bg-purple rounded-pill">Badge</span> <span class="badge bg-blue rounded-pill">Badge</span> <span class="badge bg-aqua rounded-pill">Badge</span> <span class="badge bg-green rounded-pill">Badge</span> <span class="badge bg-leaf rounded-pill">Badge</span> <span class="badge bg-fuchsia rounded-pill">Badge</span> <span class="badge bg-sky rounded-pill">Badge</span> <span class="badge bg-grape rounded-pill">Badge</span> <span class="badge bg-dark rounded-pill">Badge</span> <span class="badge bg-ash text-white rounded-pill">Badge</span> <span class="badge bg-white text-dark rounded-pill">Badge</span> <span class="badge bg-pale-primary text-primary rounded-pill">Badge</span> <span class="badge bg-pale-yellow text-yellow rounded-pill">Badge</span> <span class="badge bg-pale-orange text-orange rounded-pill">Badge</span> <span class="badge bg-pale-red text-red rounded-pill">Badge</span> <span class="badge bg-pale-pink text-pink rounded-pill">Badge</span> <span class="badge bg-pale-violet text-violet rounded-pill">Badge</span> <span class="badge bg-pale-purple text-purple rounded-pill">Badge</span> <span class="badge bg-pale-blue text-blue rounded-pill">Badge</span> <span class="badge bg-pale-aqua text-aqua rounded-pill">Badge</span> <span class="badge bg-pale-green text-green rounded-pill">Badge</span> <span class="badge bg-pale-leaf text-leaf rounded-pill">Badge</span> <span class="badge bg-pale-fuchsia text-fuchsia rounded-pill">Badge</span> <span class="badge bg-pale-sky text-sky rounded-pill">Badge</span> <span class="badge bg-pale-grape text-grape rounded-pill">Badge</span> <span class="badge bg-pale-dark text-dark rounded-pill">Badge</span> <span class="badge bg-pale-ash text-dark rounded-pill">Badge</span>
<span class="badge gradient-1 rounded-pill">Badge</span> <span class="badge gradient-2 rounded-pill">Badge</span> <span class="badge gradient-3 rounded-pill">Badge</span> <span class="badge gradient-4 rounded-pill">Badge</span> <span class="badge gradient-5 rounded-pill">Badge</span> <span class="badge gradient-6 rounded-pill">Badge</span> <span class="badge gradient-7 rounded-pill">Badge</span>
<span class="badge bg-primary rounded-0">Square</span> <span class="badge bg-primary rounded">Rounded</span> <span class="badge bg-primary rounded-pill">Pill</span>
<span class="badge bg-primary rounded-pill">Default</span> <span class="badge badge-lg bg-primary rounded-pill">Large</span>
Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.