Bootstrap 4 引导转盘幻灯片放映（固定高度，但保持图像中心在顶部）

我有以下代码：

    <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
        <img src="assets/slideshowimage.jpg" class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item">
      <img src="assets/slideshowimage.jpg" class="d-block w-100" alt="...">
    </div>

  </div>
</div>

使用的图像是1900 X 305像素

代码可以工作，但我需要在调整大小时保持图像高度不变。在重新调整屏幕大小时，图像高度会随着图像大小的调整而降低

理想情况下，我需要它像一个带有“封面”和“中间顶部”的背景图像，这样图像高度保持不变，并且随着浏览器大小的调整，图像只需在左右两侧进行裁剪

使用Bootstrap4.5

我尝试用背景图像设置旋转木马项目，但似乎不起作用

有人能给我指一下正确的方向吗

提前感谢您的帮助

d-block w-100可使图像更清晰，因此可100%调整大小。您必须覆盖css才能实现

请注意，您应该更愿意在自己的app.css文件中覆盖它，而不是在bootstrap文件中

见文件：

例如。 app.css

.d-block w-100 {

    width: 10vw;

}