Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Twitter引导旋转木马,包含许多活动项_Jquery_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Jquery Twitter引导旋转木马,包含许多活动项

Jquery Twitter引导旋转木马,包含许多活动项,jquery,twitter-bootstrap,twitter-bootstrap-3,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我正在使用Twitter引导3旋转木马。我已经在他们的网站上实现了一个,但我需要一些定制: 我想显示4张图片,而不是一次显示1张图片 左箭头应位于第一幅图像的左侧 右箭头应该正好指向最后一幅图像 有没有办法做到这一点 这就是我一直在尝试的: <div id="myCarousel" class="carousel slide"> <section class="carousel-inner"> <div class="item activ

我正在使用Twitter引导3旋转木马。我已经在他们的网站上实现了一个,但我需要一些定制:

  • 我想显示4张图片,而不是一次显示1张图片
  • 左箭头应位于第一幅图像的左侧
  • 右箭头应该正好指向最后一幅图像
有没有办法做到这一点

这就是我一直在尝试的:

<div id="myCarousel" class="carousel slide">
    <section class="carousel-inner">
        <div class="item active"><img src="img/slide1.jpg"></div>
        <div class="item"><img src="img/slide2.jpg"></div>
        <div class="item"><img src="img/slide3.jpg"></div>
        <div class="item"><img src="img/slide4.jpg"></div>
        <div class="item"><img src="img/slide5.jpg"></div>
        <div class="item"><img src="img/slide6.jpg"></div>
    </section>

    <a href="#myCarousel" class="left carousel-control" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
    <a href="#myCarousel" class="right carousel-control" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>

请参见Bootply上的示例:


基本上,您需要将整个
图像放在
项目活动中

参见Bootply上的示例:


基本上,您需要将整个
图像放入
项目活动

您尝试了什么?来自:询问代码的问题必须证明对正在解决的问题的最低理解。包括尝试的解决方案,为什么它们不起作用,以及预期的结果。因此,我的示例是显示一个图像和两个箭头的当前滑块。我需要在一行上有4个图像,当我们按下右箭头时,其他图像将从右向左。您尝试了什么?来自:询问代码的问题必须证明对正在解决的问题的最低理解。包括尝试的解决方案,为什么它们不起作用,以及预期的结果。因此,我的示例是显示一个图像和两个箭头的当前滑块。我需要在一行上显示4个图像,当我们按下右箭头时,其他图像将从右向左显示。+1,回答得很好,尽管当屏幕变窄时可能不应该这样做。将COL切换到非堆叠
xs
网格将解决这一问题:(但是图像会变得非常小!)我注意到,在较小的设备上,如果我想减少显示的项目数量,我会遇到问题。例如LG(4项)、MD(3项)、SM(2项)、XS(1项)。有什么解决方案吗?+1,回答得很好,尽管当屏幕变窄时可能不应该这样做。将COL切换到非堆叠
xs
网格将解决这个问题:(但是图像会变得非常小!)我注意到,在较小的设备上,如果我想减少显示的项目数量,我会遇到问题。例如LG(4项)、MD(3项)、SM(2项)、XS(1项)。有什么解决办法吗?