Bootstrap傳送帶跳躍

Question

我無法弄清爲什麼我的Bootstrap傳送帶沒有平滑過渡圖像。下面是我的網站的鏈接 -

https://money-lender-tapir-15475.bitballoon.com

如果向下滾動一點點，看圖片過渡，你會發現它們加載div的底部上方，然後向下滑動。我該如何解決？

謝謝

Answer 1

將此添加到您的CSS應該解決這個問題。

body { 
    padding-top: 50px; /* small fix */ 
} 
.carousel-inner { 
    height: calc(100vh - 50px); /* full screen */ 
} 
.carousel-inner > .item > img { 
    width: 100%; /* to make smaller images look full */ 
} 

您需要給出一個固定的高度，以便圖像不會因圖像大小不同而跳起。

對於較小的屏幕時，您需要添加媒體查詢

@media (max-width: 767px){ 
    .carousel-inner{ 
     height: auto; 
    } 
}