Bootstrap 4旋轉木馬響應問題鉻

Question

我只在Chrome瀏覽器中有Bootstrap 4旋轉木馬的問題。

這裏是我的代碼：

<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> 
    <ol class="carousel-indicators"> 
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> 
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li> 
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li> 
</ol> 
<div class="carousel-inner" role="listbox"> 
<div class="carousel-item active"> 
    <img class="d-block img-fluid" src="http://placehold.it/1350x350" alt="First slide"> 
    </div> 
    <div class="carousel-item"> 
    <img class="d-block img-fluid" src="http://placehold.it/1350x350" alt="Second slide"> 
</div> 
<div class="carousel-item"> 
    <img class="d-block img-fluid" src="http://placehold.it/1350x350" alt="Third slide"> 
</div> 
</div> 
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
    <span class="carousel-control-prev-icon" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
</a> 
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> 
    <span class="carousel-control-next-icon" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 

這裏是我的小提琴：

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

，這裏是問題是什麼的圖像：

正如你所看到的左側面板是Chro我和右邊是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

從我的帖子在這裏：

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

希望這可以幫助別人:)

Answer 2

，如果你喜歡用固定的高度響應旋轉木馬，你可以這樣使用背景蓋一個div而不是正常的圖像：

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

<div class="image" style="background-image: url('my-image.jpg')"></div> 

，我發現這個解決方案在這裏：bootstrap how to make a fixed height responsive?