diff options
| -rw-r--r-- | .cspell.json | 1 | ||||
| -rw-r--r-- | site/content/docs/5.1/components/carousel.md | 2 |
2 files changed, 2 insertions, 1 deletions
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"> |