diff options
author | XhmikosR <xhmikosr@gmail.com> | 2021-12-23 15:38:43 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-23 15:38:43 +0300 |
commit | deb8e3febd0bf59dff60c1411e162082e92199d0 (patch) | |
tree | 9df0ec97c025464b86396d61583880ea07223186 /site | |
parent | f171d3e9f7a6397d96f0407a535f070edc425900 (diff) |
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>
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.1/components/carousel.md | 2 |
1 files changed, 1 insertions, 1 deletions
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"> |