Chrome中的Bootstrap 4轮播响应问题

我在Chrome中只有Bootstrap 4轮播的问题。

这是我的代码：

 
 
 
 
 
 
 
  
 
  
 
  
 
   Previous    Next   

这是我的小提琴：

https://jsfiddle.net/benjamin_edwards/1gx43oph/

这是一个问题的图像：

如您所见，左侧窗格是Chrome，右侧是Safari。 只有Chrome有一个盛开的问题 – 有没有人经历过这个问题？

干杯，

本。

Answer 1

好的，所以我一直在网上搜索，有一个解决方案

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

我在这里更新了我的小提琴：

https://jsfiddle.net/benjamin_edwards/1gx43oph/

我从这里得到了答案：

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

从我在这里的post：

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

希望这可以帮助别人:)

Answer 2

如果您更喜欢具有固定高度的响应式旋转木马，您可以使用带背景覆盖的div而不是像这样的普通图像：

 .image { width: 100%; height: 650px; background-position: center; background-size: cover; } 
 

我在这里找到了这个解决方案： bootstrap如何使固定高度响应？