docs: Fix badges after #28458. (#29199)

diff --git a/site/content/docs/4.3/components/list-group.md b/site/content/docs/4.3/components/list-group.md
index 5ce8c3d3f00f5c808f0cdd289a07dbcfb00ec469..032ef37f5f49ae247d656c4af21b7354d6e3a236 100644 (file)
--- a/site/content/docs/4.3/components/list-group.md
+++ b/site/content/docs/4.3/components/list-group.md
@@ -152,15 +152,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">
     Cras justo odio
-    <span class="badge badge-primary badge-pill">14</span>
+    <span class="badge bg-primary rounded-pill">14</span>
   </li>
   <li class="list-group-item d-flex justify-content-between align-items-center">
     Dapibus ac facilisis in
-    <span class="badge badge-primary badge-pill">2</span>
+    <span class="badge bg-primary rounded-pill">2</span>
   </li>
   <li class="list-group-item d-flex justify-content-between align-items-center">
     Morbi leo risus
-    <span class="badge badge-primary badge-pill">1</span>
+    <span class="badge bg-primary rounded-pill">1</span>
   </li>
 </ul>
 {{< /example >}}

diff --git a/site/content/docs/4.3/examples/checkout/index.html b/site/content/docs/4.3/examples/checkout/index.html
index ac67d8a6e8d631e531e6a1f03ecc1622f0014bd4..e7865ff6ed39ccaa0f7046d7efb327223d7de696 100644 (file)
--- a/site/content/docs/4.3/examples/checkout/index.html
+++ b/site/content/docs/4.3/examples/checkout/index.html
@@ -19,7 +19,7 @@ body_class: "bg-light"
     <div class="col-md-4 order-md-2 mb-4">
       <h4 class="d-flex justify-content-between align-items-center mb-3">
         <span class="text-muted">Your cart</span>
-        <span class="badge badge-secondary badge-pill">3</span>
+        <span class="badge bg-secondary rounded-pill">3</span>
       </h4>
       <ul class="list-group mb-3">
         <li class="list-group-item d-flex justify-content-between lh-condensed">

diff --git a/site/content/docs/4.3/examples/offcanvas/index.html b/site/content/docs/4.3/examples/offcanvas/index.html
index 85a5cf4f797d45666b5258fe471c277daeec53c8..308a95f1ace943cf2cd76a10dc087472be1b5663 100644 (file)
--- a/site/content/docs/4.3/examples/offcanvas/index.html
+++ b/site/content/docs/4.3/examples/offcanvas/index.html
@@ -49,7 +49,7 @@ body_class: "bg-light"
     <a class="nav-link active" href="#">Dashboard</a>
     <a class="nav-link" href="#">
       Friends
-      <span class="badge badge-pill bg-light align-text-bottom">27</span>
+      <span class="badge bg-light rounded-pill align-text-bottom">27</span>
     </a>
     <a class="nav-link" href="#">Explore</a>
     <a class="nav-link" href="#">Suggestions</a>

diff --git a/site/content/docs/4.3/utilities/text.md b/site/content/docs/4.3/utilities/text.md
index 2cc8390e616f10863a43a9281a80947cadd907c5..0ea7c75a2edcd08e260132be6b8249343c94982b 100644 (file)
--- a/site/content/docs/4.3/utilities/text.md
+++ b/site/content/docs/4.3/utilities/text.md
@@ -32,7 +32,7 @@ For left, right, and center alignment, responsive classes are available that use
 Wrap text with a `.text-wrap` class.
 
 {{< example >}}
-<div class="badge badge-primary text-wrap" style="width: 6rem;">
+<div class="badge bg-primary text-wrap" style="width: 6rem;">
   This text should wrap.
 </div>
 {{< /example >}}

diff --git a/site/layouts/shortcodes/list-versions.html b/site/layouts/shortcodes/list-versions.html
index 5c7f0445a0110e5f396f58c932e0482816360273..6ec61b438b3fe9c29a5a67e2387ae25818a46a70 100644 (file)
--- a/site/layouts/shortcodes/list-versions.html
+++ b/site/layouts/shortcodes/list-versions.html
@@ -10,7 +10,7 @@
         <a class="list-group-item list-group-item-action py-2 text-primary{{ if (eq $version.v $.Site.Params.docs_version) }} d-flex justify-content-between align-items-center{{ end }}" href="{{ $release.baseurl }}/{{ $version.v }}/">
           {{ $version.v }}
           {{ if (eq $version.v $.Site.Params.docs_version) -}}
-          <span class="badge badge-primary">Latest</span>
+          <span class="badge bg-primary">Latest</span>
           {{- end }}
         </a>
       {{ if (eq (add $i 1) $len) }}</div>{{ end }}