Cycle2 轮播和 Bootstrap 错误

Question

我做了一个plunker所以你可以看到我的问题...

设置 col-xs-12 和 col-md-3（使用 bootstrap 自动宽度功能）它破坏了 cycle2 使幻灯片获得巨大的宽度。

Answer 1

添加到您的滑块：

data-cycle-carousel-fluid="true"<br>
data-cycle-carousel-visible="X"<br>

（X 是可见元素的数量）

循环覆盖元素的宽度并自行计算合适的宽度。但是数字是四舍五入的，因此您可能需要向轮播中的元素添加 "margin-left:-1px"。