Bootstrap Carousel：内容上方的标题

Question

我正试图将Bootstrap Carousel的标题放在内容之上。 它实际上工作但不正确。如果你点击V形，你会看到< Item 1 >弹跳...... （＆lt; =这是错误，如果你是逻辑你理解我的句子的预期行为“如何解决？ “）

演示： Bootply

这是最小的代码：1个旋转木马，带3个幻灯片/ 2行CSS，使其工作/ JS使其工作

我认为这是由于相对定位，但我不想提出一个绝对的立场。

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

如何解决这个问题？谢谢你＆lt; 3

Answer 1

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

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

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