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

120 votes269 views3 answers
React import bootstrap css file
CSS Bootstrap
2 votes182 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
98 votes297 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
0 vote206 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
16 votes195 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
238 votes307 views5 answers
Include bootstrap
CSS Bootstrap
4 votes157 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
2 votes185 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote188 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
0 vote186 views1 answer
Input area bootstrap highlight
CSS Bootstrap