mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-25 22:41:20 +02:00
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:
@@ -24,6 +24,7 @@
|
|||||||
"Contentful",
|
"Contentful",
|
||||||
"Cpath",
|
"Cpath",
|
||||||
"Crossfade",
|
"Crossfade",
|
||||||
|
"crossfading",
|
||||||
"cssgrid",
|
"cssgrid",
|
||||||
"Csvg",
|
"Csvg",
|
||||||
"Datalists",
|
"Datalists",
|
||||||
|
@@ -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">
|
||||||
|
Reference in New Issue
Block a user