javascript - 向旋转木马内部添加填充时 Bootstrap 旋转木马元素跳跃

Question

我已经尝试解决这个问题很长时间了，但没有成功。问题是 slider 正常工作，除非我将填充添加到 .carousel-inner 元素正在跳跃并出现在背景中..

Codepen can be found here

我试过强制没有填充/边距等，但没有运气..

编辑: 添加填充到父 div 是不可能的(不会修复它)，因为我在元素的内容中使用 box-shadow。并且它不会出现 overflow:hidden

提前谢谢你。

Answer 1

这是因为 Bootstrap 将 next 和 left 类添加到 .item 以使其绝对位置参见此示例 https://codepen.io/anon/pen/POxyJg

添加顶部:20px；顶部 .carousel-inner>.next 和 .carousel-inner>.prev

.carousel-inner>.next, .carousel-inner>.prev{
  top: 20px; // top padding
}