root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

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>
This commit is contained in:
XhmikosR 2021-12-23 14:38:43 +02:00 committed by GitHub
parent f171d3e9f7
commit deb8e3febd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.cspell.json
View File

@ -24,6 +24,7 @@
"Contentful", "Contentful",
"Cpath", "Cpath",
"Crossfade", "Crossfade",
"crossfading",
"cssgrid", "cssgrid",
"Csvg", "Csvg",
"Datalists", "Datalists",

2
site/content/docs/5.1/components/carousel.md
View File

@ -152,7 +152,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
### Crossfade ### 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 >}} {{< example >}}
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel"> <div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">