diff options
| author | Julien Déramond <[email protected]> | 2023-09-20 11:04:19 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-10-23 12:16:04 -0700 |
| commit | f7426c08e7818ff3eb77f7c7cde54ca6d28009b2 (patch) | |
| tree | 8b177f38b332cdeeb3bd19765b2dced00234bfac /site/content/docs/5.3/components | |
| parent | dac60074dc6cdc6c67a9e97fe46f4f43366df839 (diff) | |
| download | bootstrap-f7426c08e7818ff3eb77f7c7cde54ca6d28009b2.tar.xz bootstrap-f7426c08e7818ff3eb77f7c7cde54ca6d28009b2.zip | |
Doc: use `.text-bg-{color}` for all badges
Diffstat (limited to 'site/content/docs/5.3/components')
| -rw-r--r-- | site/content/docs/5.3/components/badge.md | 12 | ||||
| -rw-r--r-- | site/content/docs/5.3/components/list-group.md | 12 |
2 files changed, 12 insertions, 12 deletions
diff --git a/site/content/docs/5.3/components/badge.md b/site/content/docs/5.3/components/badge.md index c07387850..56ade490d 100644 --- a/site/content/docs/5.3/components/badge.md +++ b/site/content/docs/5.3/components/badge.md @@ -13,12 +13,12 @@ Badges scale to match the size of the immediate parent element by using relative ### Headings {{< example >}} -<h1>Example heading <span class="badge bg-secondary">New</span></h1> -<h2>Example heading <span class="badge bg-secondary">New</span></h2> -<h3>Example heading <span class="badge bg-secondary">New</span></h3> -<h4>Example heading <span class="badge bg-secondary">New</span></h4> -<h5>Example heading <span class="badge bg-secondary">New</span></h5> -<h6>Example heading <span class="badge bg-secondary">New</span></h6> +<h1>Example heading <span class="badge text-bg-secondary">New</span></h1> +<h2>Example heading <span class="badge text-bg-secondary">New</span></h2> +<h3>Example heading <span class="badge text-bg-secondary">New</span></h3> +<h4>Example heading <span class="badge text-bg-secondary">New</span></h4> +<h5>Example heading <span class="badge text-bg-secondary">New</span></h5> +<h6>Example heading <span class="badge text-bg-secondary">New</span></h6> {{< /example >}} ### Buttons diff --git a/site/content/docs/5.3/components/list-group.md b/site/content/docs/5.3/components/list-group.md index 598bb38d6..8603071fc 100644 --- a/site/content/docs/5.3/components/list-group.md +++ b/site/content/docs/5.3/components/list-group.md @@ -117,21 +117,21 @@ These work great with custom content as well. <div class="fw-bold">Subheading</div> Content for list item </div> - <span class="badge bg-primary rounded-pill">14</span> + <span class="badge text-bg-primary rounded-pill">14</span> </li> <li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">Subheading</div> Content for list item </div> - <span class="badge bg-primary rounded-pill">14</span> + <span class="badge text-bg-primary rounded-pill">14</span> </li> <li class="list-group-item d-flex justify-content-between align-items-start"> <div class="ms-2 me-auto"> <div class="fw-bold">Subheading</div> Content for list item </div> - <span class="badge bg-primary rounded-pill">14</span> + <span class="badge text-bg-primary rounded-pill">14</span> </li> </ol> {{< /example >}} @@ -200,15 +200,15 @@ Add badges to any list group item to show unread counts, activity, and more with <ul class="list-group"> <li class="list-group-item d-flex justify-content-between align-items-center"> A list item - <span class="badge bg-primary rounded-pill">14</span> + <span class="badge text-bg-primary rounded-pill">14</span> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> A second list item - <span class="badge bg-primary rounded-pill">2</span> + <span class="badge text-bg-primary rounded-pill">2</span> </li> <li class="list-group-item d-flex justify-content-between align-items-center"> A third list item - <span class="badge bg-primary rounded-pill">1</span> + <span class="badge text-bg-primary rounded-pill">1</span> </li> </ul> {{< /example >}} |
