0

Normally my elements were nicely displayed on the right, but I had to add a badge and now, because of the following code:

<div class="form-group mb-4 d-flex flex-wrap">

My badge looks like this:

enter image description here

Instead of:

enter image description here

The code related to this:

<div class="form-group mb-4 d-flex flex-wrap">
  <span class="badge badge-pill badge-success">html</span>
</div>

Any suggestions please?

IleNea
  • 569
  • 4
  • 17
  • You'll need to provide more code to reproduce the problem. I can tell this is using Bootstrap but you should also include that information in your question, as well as what version. What other code or CSS do you have affecting this element on your page? By itself, [the badge looks fine](https://codesandbox.io/s/hungry-snowflake-q1uyn1?file=/src/App.vue) – yoduh Mar 08 '23 at 14:29

0 Answers0