He estado haciendo un ejercicio y no logro centrar los h1 ni los p ni los botones dentro del carrusel. Estoy trabajando por primera vez en bootstrap y asumo que debe ser por eso> Pero no encuentro el error. He usado la clase d-flex align-items-center pero aún nada. Acá les dejo parte del código a ver si alguien puede saber lo que pasa. También he tratado de utilizar clases internas pero no me toma nada de lo que escribo allí
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 " src="../starter-code/img/slider-1.jpg" alt="overlay">
<div class="carousel-caption d-none d-lg-block">
<h1>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Blanditiis temporibus accusamus dolor
repellat doloremque eaque dolores eos ex magnam libero animi nulla praesentium laudantium
modi, ut sit fugit vitae rem?</p>
<a href="#">
<button type="button" class="btn btn-outline-light">READ MORE</button>
</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100 img-fluid" src="../starter-code/img/slider-2.jpg" alt="Second slide">
<div class="carousel-caption d-none d-lg-block" >
<h1>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Blanditiis temporibus accusamus dolor
repellat doloremque eaque dolores eos ex magnam libero animi nulla praesentium laudantium
modi, ut sit fugit vitae rem?</p>
<a href="#">
<button type="button" class="btn btn-outline-light">READ MORE</button>
</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../starter-code/img/slider-3.jpg" alt="Third slide">
<div class="carousel-caption d-none d-lg-block" >
<h1>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Blanditiis temporibus accusamus dolor
repellat doloremque eaque dolores eos ex magnam libero animi nulla praesentium laudantium
modi, ut sit fugit vitae rem?</p>
<a href="#">
<button type="button" class="btn btn-outline-light">READ MORE</button>
</a>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../starter-code/img/slider-4.jpg" alt="Fourth slide">
<div class="carousel-caption d-none d-lg-block" >
<h1>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Blanditiis temporibus accusamus dolor
repellat doloremque eaque dolores eos ex magnam libero animi nulla praesentium laudantium
modi, ut sit fugit vitae rem?</p>
<a href="#">
<button type="button" class="btn btn-outline-light">READ MORE</button>
</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
Gracias