aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0/components/carousel.md
diff options
context:
space:
mode:
Diffstat (limited to 'docs/4.0/components/carousel.md')
-rw-r--r--docs/4.0/components/carousel.md10
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/4.0/components/carousel.md b/docs/4.0/components/carousel.md
index 570594db2..3435ba07f 100644
--- a/docs/4.0/components/carousel.md
+++ b/docs/4.0/components/carousel.md
@@ -104,7 +104,7 @@ You can also add the indicators to the carousel, alongside the controls, too.
{% endexample %}
{% callout warning %}
-#### Initial active element required
+##### Initial active element required
The `.active` class needs to be added to one of the slides. Otherwise, the carousel will not be visible.
{% endcallout %}
@@ -124,21 +124,21 @@ Add captions to your slides easily with the `.carousel-caption` element within a
<div class="carousel-item active">
<img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide">
<div class="carousel-caption d-none d-md-block">
- <h3>First slide label</h3>
+ <h5>First slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=666&fg=444&text=Second slide" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
- <h3>Second slide label</h3>
+ <h5>Second slide label</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" data-src="holder.js/800x400?auto=yes&bg=555&fg=333&text=Third slide" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
- <h3>Third slide label</h3>
+ <h5>Third slide label</h5>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
@@ -158,7 +158,7 @@ Add captions to your slides easily with the `.carousel-caption` element within a
<div class="carousel-item">
<img src="..." alt="...">
<div class="carousel-caption d-none d-md-block">
- <h3>...</h3>
+ <h5>...</h5>
<p>...</p>
</div>
</div>