在Bootstrap Carousel中彼此相邻滑动图像

Question

请查看this link中的轮播。

有没有办法可以改变Twitter Bootstrap旋转木马的代码，使图像正常滑动，而不是像现在一样搞乱？

Answer 1

尝试添加包含带有classname'carousel'的轮播的外部div，额外的类名：'slide'。

你会得到一个滑动旋转木马：

<div id="myCarousel" class="carousel slide">
    <!-- Carousel items -->
    <div class="carousel-inner">
    <div class="active item">…</div>
    <div class="item">…</div>
    <div class="item">…</div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

Answer 2

我查看了您的代码，所有图片都包含在<div class="item">...</div>内，这是正确的。但是，其中一个必须设置为active，因此您需要制作其中一个<div class="item active">。