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