bootstrap badge color

Add Answer

Navbro answered on May 13, 2020 Popularity 10/10 Helpfulness 9/10

answer bootstrap badge color

related bootstrap 3 badge color

related bootstrap badge

related bootstrap Badges

related bootstrap badge

bootstrap badge color

Comment

<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>

Popularity 10/10 Helpfulness 9/10 Language css

Source: getbootstrap.com

Tags: badge css

Link to this answer
Share Copy Link

Contributed on May 13 2020

Navbro

0 Answers Avg Quality 2/10

Closely Related Answers

bootstrap 3 badge color

Comment

// boostrap 3

<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-danger">Danger</span>
<span class="badge bg-warning text-dark">Warning</span>
<span class="badge bg-info text-dark">Info</span>
<span class="badge bg-light text-dark">Light</span>
<span class="badge bg-dark">Dark</span>

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: badge badg

Link to this answer
Share Copy Link

Contributed on Sep 11 2022

Pepil

0 Answers Avg Quality 2/10

bootstrap badge

Comment

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

Popularity 10/10 Helpfulness 6/10 Language html

Source: getbootstrap.com

Tags: badge badg

Link to this answer
Share Copy Link

Contributed on Sep 15 2021

Odd Ox

0 Answers Avg Quality 2/10

bootstrap Badges

Comment

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>

Popularity 10/10 Helpfulness 3/10 Language css

Source: getbootstrap.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Oct 23 2020

Dev

0 Answers Avg Quality 2/10

bootstrap badge

Comment

<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>

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: badge badg

Link to this answer
Share Copy Link

Contributed on Aug 12 2021

zizi-engi

0 Answers Avg Quality 2/10

bootstrap badge color

Contents

More Related Answers

bootstrap badge color

Closely Related Answers

bootstrap 3 badge color

bootstrap badge

bootstrap Badges

bootstrap badge

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.