Slides only
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel"><div class="carousel-indicators"><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button></div><div class="carousel-inner"><div class="carousel-item active"><img class="d-block w-100" src="./images/big/img1.jpg" alt="First slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img2.jpg" alt="Second slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img3.jpg" alt="Third slide"></div></div><button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div>
With Captions
<div class="bootstrap-carousel"><div class="carousel slide" data-bs-ride="carousel"><div class="carousel-inner"><div class="carousel-item active"><img class="d-block w-100" src="./images/big/img2.jpg" alt="First slide"><div class="carousel-caption d-none d-md-block"><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" src="./images/big/img3.jpg" alt="Second slide"><div class="carousel-caption d-none d-md-block"><h5>Second 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" src="./images/big/img4.jpg" alt="Third slide"><div class="carousel-caption d-none d-md-block"><h5>Third slide label</h5><p>Nulla vitae elit libero,a pharetra augue mollis interdum.</p></div></div></div></div></div>
Slides Only
<div class="bootstrap-carousel"><div class="carousel slide" data-bs-ride="carousel"><div class="carousel-inner"><div class="carousel-item active"><img class="d-block w-100" src="./images/big/img3.jpg" alt="First slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img4.jpg" alt="Second slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img5.jpg" alt="Third slide"></div></div></div></div>
Slides With indicators
<div class="bootstrap-carousel"><div id="carouselExampleIndicators2" class="carousel slide" data-bs-ride="carousel"><div class="carousel-indicators"><button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button><button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="1" aria-label="Slide 2"></button><button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="2" aria-label="Slide 3"></button></div><div class="carousel-inner"><div class="carousel-item active"><img class="d-block w-100" src="./images/big/img4.jpg" alt="First slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img5.jpg" alt="Second slide"></div><div class="carousel-item"><img class="d-block w-100" src="./images/big/img6.jpg" alt="Third slide"></div></div><button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div></div>
Slides With captions
<div class="bootstrap-carousel"><div data-bs-ride="carousel" class="carousel slide" id="carouselExampleCaptions"><div class="carousel-indicators"><button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button><button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button><button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button></div><div class="carousel-inner"><div class="carousel-item active"><img class="d-block w-100" src="./images/big/img5.jpg" alt=""><div class="carousel-caption d-none d-md-block"><h5>First slide label</h5><p>Nulla vitae elit libero,a pharetra augue mollis interdum.</p></div></div><div class="carousel-item"><img alt="" class="d-block w-100" src="./images/big/img6.jpg"><div class="carousel-caption d-none d-md-block"><h5>Second slide label</h5><p>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</p></div></div><div class="carousel-item"><img alt="" class="d-block w-100" src="./images/big/img7.jpg"><div class="carousel-caption d-none d-md-block"><h5>Third slide label</h5><p>Praesent commodo cursus magna,vel scelerisque nisl consectetur. </p></div></div></div><button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button><button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="visually-hidden">Next</span></button></div></div>