修改bootstrap轮播以同时显示多个幻灯片

Sha*_*rma 14 css jquery carousel twitter-bootstrap twitter-bootstrap-3

我想修改bootstrap 3的轮播以一次显示几张幻灯片.我知道我可以将多个缩略图放在一个幻灯片中(div .item),但问题是旋转木马会滑过它们所有同时移动到下一组,而我想逐个浏览它们.

我在这里找到了一个我想要的例子:http://www.bootply.com/117282唯一的问题是我需要5个或6个幻灯片,而不是4个.我花了几个小时尝试修改它以按需工作,但我显然没有充分了解它是如何工作的.

我的jquery/javascript理解非常简单,但我的CSS非常不错.有人可以告诉我如何修改它以同时显示5/6幻灯片吗?我非常感谢你的帮助.

谢谢,夏尔马

Pim*_*Web 17

如果你只想覆盖这个小提琴,那么:

1:在JS:改变 for (var i=0;i<2;i++) {for (var i=0;i<4;i++) {

2:在HTML中:更改col-lg-3(所以4个项目)col-lg-2(所以6个项目)

bootply:http://www.bootply.com/123662

  • @YenneInfo可以为Bootstrap 3.3.5更新吗?它似乎不起作用:http://www.bootply.com/yNdE51hs8o (5认同)