为什么 Bootstrap 4 轮播自动裁剪图像的高度？答案

【问题标题】：Why Bootstrap 4 carousel auto crop image in height?为什么 Bootstrap 4 轮播自动裁剪图像的高度？
【发布时间】：2018-11-16 09:52:34
【问题描述】：

我使用的是 Bootstrap 4 轮播，我需要轮播显示图像的完整高度。

我不知道为什么 boostrap 会降低它的高度

尺寸为 1920 x 700，轮播调整图像 1900 x 595

我在 curvy-slider (wordpress) 中看到相同的图像，而这个插件不这样做。

<div id="carousel-area">
    <div id="carousel-slider" class=" slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="img-responsive" src="/data/1.jpg" alt="" >
            </div>
        </div>
    </div>
</div>

有人可以帮助我吗？

【问题讨论】：

请查看此链接并更新您的问题 - stackoverflow.com/help/mcve
没有代码没人能帮忙

标签： css bootstrap-4 carousel

【解决方案1】：

引导程序应适应不同高度的图像，除非在某处为轮播设置了特定高度。

#myCarousel img {
  width: auto;
  height: 225px;
  max-height: 225px;
}

来自：

https://forums.adobe.com/thread/2413998

你可以在这里看到：

https://bootstrapcreative.com/create-full-width-bootstrap-4-responsive-carousel/

【讨论】：

第二个链接很有帮助，非常感谢！