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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/150843.html

猜你在找的JavaScript相关文章