Badge Background and Badge Pill styles are missing

[gilbertaoe]

Operating System: Windows
Browser: Chrome (latest version)
Bootstrap version: 5.0.0-alpha1

Using the classes listed below, the badge component seems to not be displaying the proper styles for badge-pill. The background color is also not displaying when the classes badge-primary, badge-secondary, etc. are used. I am able to get the background color to show if I change the class to bg-*, but I haven't been able to find a way to get the badge-pill styles to work yet.

@tag.Name

[ysds]

Bug reports must include a live reduced test case via CodePen/JS Bin or Stackblitz. And report specific browser and OS details.

This is an automated reply

[sunnyvaghadia]

@gilbertaoe Can you please attach the code? Let me try something for you.

[knoobie]

badge-primary, badge-secondary and so on are removed with v5 - you have to use bg-*

[gilbertaoe]

@knoobie Thanks! That solves half of the issue, was badge-pill removed as well?

@sunnyvaghadia, I accidentally forgot to mark the code appropriately in the original post

<div class="d-flex py-2">
            <span class="badge badge-danger">Danger</span>
            <span class="badge badge-pill badge-primary">Test 1</span>
            <span class="badge badge-warning">Warning</span>
    </div>

@ysds, I'm currently at work right now, give me a couple hours or so and I can get a reduced test case submitted

[knoobie]

@gilbertaoe yes, both were removed - you can find all information here #28458

[gilbertaoe]

@knoobie ok thanks, I'll close this since all my concerns weren't concerns :)