JavaScript – Bootstrap.js只有文本的轮播

我遵循 this教程,使轮播幻灯片.

当我定义每个项目包含图像和段落为 –

<div class="item">
    <img src="http://placehold.it/1200x480" alt="" />
    <div class="carousel-caption">
        <p>Caption text here</p>
    </div>
</div>

它的工作正常(here its jsFiddle).

但是当我将它减少为段落时,

<div class="item">
    <div class="carousel-caption">
        <p>Caption text here</p>
    </div>
</div>

它停止工作(here its jsFiddle).

我如何使它只与段落​​一起滑动文本每个开关？

解决方法

.carousel-caption的position属性导致问题,没有图像它是haywire,所以设置为静态：

.carousel-caption{
    position:static;
}

以下是有无图像的演示：

DEMO

原文地址：https://www.jb51.cc/js/150843.html