Bootstrap badge color

<span class="badge badge-pill badge-primary">Primary</span>
<span class="badge badge-pill badge-secondary">Secondary</span>
<span class="badge badge-pill badge-success">Success</span>
<span class="badge badge-pill badge-danger">Danger</span>
<span class="badge badge-pill badge-warning">Warning</span>
<span class="badge badge-pill badge-info">Info</span>
<span class="badge badge-pill badge-light">Light</span>
<span class="badge badge-pill badge-dark">Dark</span>

Source: getbootstrap.com

Bootstrap Badges

Badges scale to match the size of the immediate parent element by 
using relative font sizing and em units.
<h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6>
<button type="button" class="btn btn-primary">
  Profile <span class="badge badge-light">9</span>
  <span class="sr-only">unread messages</span>
</button>

Source: getbootstrap.com

Bootstrap badge

<button type="button" class="btn btn-primary position-relative">
  Inbox
    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
    99+
    <span class="visually-hidden">unread messages</span>
   </span>
</button>

Similar codes

26 votes242 views10 answers
Bootstrap
CSS Bootstrap
253 votes356 views10 answers
Bootstrap cdn
CSS Bootstrap
2 votes217 views8 answers
Bootstrap 5
CSS Bootstrap
0 vote212 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
1 vote206 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote202 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
0 vote188 views1 answer
Install bootstrap in nextjs
Javascript Bootstrap
0 vote255 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
116 votes310 views6 answers
Bootstrap react
Javascript Bootstrap
22 votes373 views2 answers
React bootstrap carousal not working
CSS Bootstrap