Bootstrap Carousel Slider:一次只显示4张图像 - 一次只能显示一张图像?

时间:2015-07-28 19:17:30

标签: javascript jquery html css twitter-bootstrap

我正在尝试在我的网站上实现这个4图像滑块,但由于某种原因,一次只能显示一个图像。

我复制粘贴代码: http://www.bootply.com/94452

由于某种原因,只有一个图像占据为4个图像保留的空间。当您按下右箭头或等待间隔时,它会转到第二张图像。

有谁知道为什么会这样?

请参阅以下评论中的代码:

2 个答案:

答案 0 :(得分:6)

如果你想一次滚动4张图像,那么你的图像就没有正确嵌套。只要使用这段代码就可以正常工作。

{{1}}

答案 1 :(得分:0)

您可以在视图中使用轮播指示器,并按照升序设置每张幻灯片,例如。

                                             

</ol>

<!-- Wrapper for slides -->
<div class="carousel-inner" style="width:89%" >
    <div class="item active">
        <img src="picture source" alt="First slide">
        <div class="carousel-caption">
           <strong>anything on an image displayed</Strong>
        </div>
    </div>

希望它有用......