xxxxxxxxxx
1
<div class="container">
2
<!--Carousel Wrapper-->
3
<div id="carousel-example-1z" class="carousel slide carousel-fade" data-ride="carousel">
4
<!--Indicators-->
5
<ol class="carousel-indicators">
6
<li data-target="#carousel-example-1z" data-slide-to="0" class="active"></li>
7
<li data-target="#carousel-example-1z" data-slide-to="1"></li>
8
<li data-target="#carousel-example-1z" data-slide-to="2"></li>
9
</ol>
10
<!--/.Indicators-->
11
<!--Slides-->
12
<div class="carousel-inner" role="listbox">
13
<!--First slide-->
14
<div class="carousel-item active">
15
<p>asdasdasdasdasdasd</p>
16
</div>
17
<!--/First slide-->
18
<!--Second slide-->
19
<div class="carousel-item">
20
<p>asdasdasdasdasdasd<br><br><br>sdasdasd</p>
21
</div>
22
<!--/Second slide-->
23
<!--Third slide-->
24
<div class="carousel-item">
25
<p>asdasdasdasdasdasd<br><br><br>sdasdasd</p>
26
<p>asdasdasdasdasdasd<br><br><br>sdasdasd</p>
27
</div>
28
<!--/Third slide-->
29
</div>
30
<!--/.Slides-->
31
<!--Controls-->
32
<a class="carousel-control-prev" href="#carousel-example-1z" role="button" data-slide="prev">
33
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
34
<span class="sr-only">Previous</span>
35
</a>
36
<a class="carousel-control-next" href="#carousel-example-1z" role="button" data-slide="next">
37
<span class="carousel-control-next-icon" aria-hidden="true"></span>
38
<span class="sr-only">Next</span>
39
</a>
40
<!--/.Controls-->
41
</div>
42
<!--/.Carousel Wrapper-->
43
Content under the Slider
xxxxxxxxxx
1
.carousel-item {
2
background: red;
3
padding: 1rem;
4
text-align: center;
5
color: white;
6
}
xxxxxxxxxx
1
function setHeights() {
2
var heights = [];
3
$('.carousel-item').each(function() {
4
heights.push($(this).height());
5
});
6
7
$('.carousel-item').height(Math.max(...heights));
8
}
9
10
setHeights();
Console errors: 0