如何创建轮播div bootstrap

时间:2016-03-31 15:47:50

标签: javascript html css twitter-bootstrap twitter-bootstrap-3

如何在Bootstrap 3中创建此轮播?我想一次滑动一个div,而不是三个。我尝试用div来交换正常的轮播图像,但它无法正常工作。

我想像这样闷闷不乐: http://i.stack.imgur.com/DwVKw.gif

1 个答案:

答案 0 :(得分:-1)

您需要为网格设置overflow-x: scroll并为其设置固定宽度。

然后通过butoons scrool到下一个项目(使用$(".wheelGrid").animate({scrollLeft: leftPos}, height);