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 f985830ec6afcb4714c8fd6f2de3f71f666689f3..5f65533d8df7ba3408e9e818c6fe7f1052b67704 100644 (file)
--- 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 5a060f26fd08954074ef12fb88fbe8d7e73143f7..c7f71089394035046505ce5af0e6f7bf578c6a8c 100644 (file)
--- 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">