diff options
| author | XhmikosR <[email protected]> | 2021-12-23 14:38:43 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2021-12-23 14:38:43 +0200 |
| commit | deb8e3febd0bf59dff60c1411e162082e92199d0 (patch) | |
| tree | 9df0ec97c025464b86396d61583880ea07223186 | |
| parent | f171d3e9f7a6397d96f0407a535f070edc425900 (diff) | |
| download | bootstrap-deb8e3febd0bf59dff60c1411e162082e92199d0.tar.xz bootstrap-deb8e3febd0bf59dff60c1411e162082e92199d0.zip | |
Add note to carousel crossfade docs about bg color (#35587)
Fixes #35181
Co-authored-by: Mark Otto <[email protected]>
Co-authored-by: Gaël Poupard <[email protected]>
| -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 f985830ec..5f65533d8 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 5a060f26f..c7f710893 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"> |