1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 08:39:56 +02:00

Doc: use .text-bg-{color} for all badges

This commit is contained in:
Julien Déramond
2023-09-20 11:04:19 +02:00
committed by Mark Otto
parent dac60074dc
commit f7426c08e7
6 changed files with 69 additions and 69 deletions

View File

@@ -90,7 +90,7 @@ Here are some real life examples of these classes:
{{< example class="bd-example-position-examples d-flex justify-content-around align-items-center" >}}
<button type="button" class="btn btn-primary position-relative">
Mails <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">+99 <span class="visually-hidden">unread messages</span></span>
Mails <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill text-bg-secondary">+99 <span class="visually-hidden">unread messages</span></span>
</button>
<div class="position-relative py-2 px-4 text-bg-secondary border border-secondary rounded-pill">

View File

@@ -31,7 +31,7 @@ Note that we don't provide utility classes for justified text. While, aesthetica
Wrap text with a `.text-wrap` class.
{{< example >}}
<div class="badge bg-primary text-wrap" style="width: 6rem;">
<div class="badge text-bg-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
{{< /example >}}