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:
committed by
Mark Otto
parent
dac60074dc
commit
f7426c08e7
@@ -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">
|
||||
|
@@ -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 >}}
|
||||
|
Reference in New Issue
Block a user