Bootstrap 4 carousel не реагирует на изображения

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

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

2 ответов


Это известная проблема в Bootstrap 4 Alpha 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


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

@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;
    }
}