如何使旋转木马固定覆盖的Bootstrap 4.1？

#carousel-container {
  position: relative;
  overflow: hidden;
}

<div id="carousel-container">
  <div id="carouselExample" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100" src="slide1.jpg" alt="Slide 1">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="slide2.jpg" alt="Slide 2">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="slide3.jpg" alt="Slide 3">
      </div>
    </div>
  </div>
</div>

$(document).ready(function() {
  // 初始化旋转木马
  $('#carouselExample').carousel();

  // 调整旋转木马的高度
  adjustCarouselHeight();
});

$(window).resize(function() {
  // 调整旋转木马的高度
  adjustCarouselHeight();
});

function adjustCarouselHeight() {
  var carouselHeight = $('.carousel-item.active').height();
  $('#carousel-container').css('height', carouselHeight);
}