Bootstrap 4 atlıkarınca değil duyarlı görüntüleri Şuna

Question

Görünüş: http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

Carousel görüntüleri bunun altında görüntüleri gibi duyarlı değildir. Aynı sınıf img-sıvısına sahipler.

Answer 1

Bu Bootstrap 4 Alfa 6'da bilinen bir sorundur ... kullanabileceğiniz bir geçici çözüm olarak

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

Benim için bu geçici çözüm, her ikisi için de işe yaramadı üstler ve cep telefonları. Önerilen geçici çözümü, -orentasyon-duyarlı hale getirmek için biraz değiştirdim.

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