Почему Bootstrap 4 карусели автоматически обрезает изображение по высоте?

Question

Я использую карусель 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>

Кто-то может помочьмне

Answer 1

Bootstrap должен приспосабливаться к разной высоте изображений, если для карусели не было задано определенной высоты.

#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/