Bootstrap Carousel：内容上方的标题[关闭]

Question

我正在尝试将 Bootstrap Carousel 的标题放在内容上方。 它实际上有效但不正确。如果您单击 V 形，您会看到 < Item 1 > 弹跳... （

演示： Bootply

这是最少的代码：1 个带有 3 张幻灯片的轮播/2 行 CSS 使其工作/JS 使其工作

我认为这是由于相对定位，但我不想放绝对位置。

这个解决方案帮助了我：https://stackoverflow.com/a/24607364/6132061

如何解决这个问题？谢谢

Answer 1

您需要将fadeOut() 和fadeIn() 效果持续时间设置为零：

$('.liens-bonus-caption:not(#liens-bonus-'+step+')').fadeOut(0, function() {
            $('#liens-bonus-'+step).fadeIn(0);
});

否则将显示中间的动画，从而产生“有弹性”的元素。