From: Julien Déramond <juderamond@gmail.com>
Date: Mon, 10 Apr 2023 07:02:03 +0000 (+0200)
Subject: Docs: fix text rendering of navbar external content
X-Git-Tag: v5.3.0~57
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=e8311211f3e9b52eac301ef8a5764a8ea1118d31;p=thirdparty%2Fbootstrap.git

Docs: fix text rendering of navbar external content
---

diff --git a/site/content/docs/5.3/components/navbar.md b/site/content/docs/5.3/components/navbar.md
index 32813486ed..277ef04295 100644
--- a/site/content/docs/5.3/components/navbar.md
+++ b/site/content/docs/5.3/components/navbar.md
@@ -655,9 +655,9 @@ With a toggler on the left and brand name on the right:
 Sometimes you want to use the collapse plugin to trigger a container element for content that structurally sits outside of the `.navbar` . Because our plugin works on the `id` and `data-bs-target` matching, that's easily done!
 
 {{< example >}}
-<div class="collapse" id="navbarToggleExternalContent">
+<div class="collapse" id="navbarToggleExternalContent" data-bs-theme="dark">
   <div class="bg-dark p-4">
-    <h5 class="text-white h4">Collapsed content</h5>
+    <h5 class="text-body-emphasis h4">Collapsed content</h5>
     <span class="text-body-secondary">Toggleable via the navbar brand.</span>
   </div>
 </div>