ブートストラップ4枚のカルーセル応答しない画像

Question

この時

ルック： http://www.consultacultura.it/portale_comunale_della_cultura.asp?IDcomune=1

カルーセルの画像は、それの下の画像のように応答しません。彼らは同じクラスのimg-fluidを持っています。

Answer 1

これは、ブートストラップ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; 
    } 
}