引导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; 
    } 
}