使Bootstrap Carousel居中

<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- 轮播内容 -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="image1.jpg" alt="Image 1">
    </div>
    <div class="carousel-item">
      <img src="image2.jpg" alt="Image 2">
    </div>
    <div class="carousel-item">
      <img src="image3.jpg" alt="Image 3">
    </div>
  </div>
</div>

#myCarousel {
  display: flex;
  justify-content: center;
  align-items: center;
}

$(document).ready(function(){
  $('#myCarousel').carousel();
});