Bootstrap 4 карусельные не реагирующие изображения

Question

Посмотрите на это: http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

Carousel изображение не реагирует, как образа под него. Они имеют один и тот же класс img-fluid.

Answer 1

Это известная проблема в Bootstrap 4 Альфа 6 ...

https://github.com/twbs/bootstrap/issues/21611

В обходного вы можете использовать ..

.carousel-item.active, 
.carousel-item-next, 
.carousel-item-prev { 
    display: block; 
} 

http://www.codeply.com/go/0QUU06MiIL

Answer 2

Для меня это обходное решение не работало для обоих, стол вершин и мобильных телефонов. Я немного скорректировал предлагаемый обходной путь, чтобы сделать его понятным.

@media (orientation: portrait) { 
    .carousel-item.active, 
    .carousel-item-next, 
    .carousel-item-prev { 
     display: block; 
     width:100%; 
     height:auto; 
    } 
} 

@media (orientation: landscape) { 
    .carousel-item.active, 
    .carousel-item-next, 
    .carousel-item-prev { 
     display: block; 
     width:100%; 
     height:96vh; 
    } 
}