Question

我尝试使用这个code snippet来获取Bootstrap的轮播以显示6个项目，但只提前1并且它适用于Bootstrap 3.0.2，但是当我尝试将它与Bootstrap 3.3.5一起使用时，它会推进完整6.带有3.3.5的Bootply示例是here。

我在JS方面不够先进，不知道我应该做些什么。这还有可能吗？

Answer 1

想出最新版本的Bootstrap增加了一些用于移动幻灯片的额外类。添加此CSS以覆盖Bootstrap修复了问题：

.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(16.66666667%, 0, 0);
          transform: translate3d(16.66666667%, 0, 0);
}

.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-16.66666667%, 0, 0);
          transform: translate3d(-16.66666667%, 0, 0);
}

修复了Bootply here

显示多张幻灯片，使用Bootstrap 3.3.5轮播

1 个答案: