From: XhmikosR <xhmikosr@gmail.com>
Date: Thu, 23 Dec 2021 12:38:43 +0000 (+0200)
Subject: Add note to carousel crossfade docs about bg color (#35587)
X-Git-Tag: v5.2.0-beta1~335
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=deb8e3febd0bf59dff60c1411e162082e92199d0;p=thirdparty%2Fbootstrap.git

Add note to carousel crossfade docs about bg color (#35587)

Fixes #35181

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
---

diff --git a/.cspell.json b/.cspell.json
index f985830ec6..5f65533d8d 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -24,6 +24,7 @@
     "Contentful",
     "Cpath",
     "Crossfade",
+    "crossfading",
     "cssgrid",
     "Csvg",
     "Datalists",
diff --git a/site/content/docs/5.1/components/carousel.md b/site/content/docs/5.1/components/carousel.md
index 5a060f26fd..c7f7108939 100644
--- a/site/content/docs/5.1/components/carousel.md
+++ b/site/content/docs/5.1/components/carousel.md
@@ -152,7 +152,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
 
 ### Crossfade
 
-Add `.carousel-fade` to your carousel to animate slides with a fade transition instead of a slide.
+Add `.carousel-fade` to your carousel to animate slides with a fade transition instead of a slide. Depending on your carousel content (e.g., text only slides), you may want to add `.bg-body` or some custom CSS to the `.carousel-item`s for proper crossfading.
 
 {{< example >}}
 <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">