From deb8e3febd0bf59dff60c1411e162082e92199d0 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Thu, 23 Dec 2021 14:38:43 +0200
Subject: [PATCH] Add note to carousel crossfade docs about bg color (#35587)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #35181

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
---
 .cspell.json                                 | 1 +
 site/content/docs/5.1/components/carousel.md | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/.cspell.json b/.cspell.json
index f985830ec6af..5f65533d8df7 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 5a060f26fd08..c7f710893940 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">