jquery - 响应式 Twitter Bootstrap 与 jCarouselLite 不兼容

Question

我在使用带有 Bootstrap 响应式的 jCarouselLite 时遇到了一个问题。

插件初始化是基本的：

$("#slider").jCarouselLite({
    auto: 800,
    speed: 1000,
    visible: 4
});

我在这里创建了一个演示，一切都运行良好，但是当您将浏览器调整到网格列跨越整个宽度的点时，您会注意到 jCarouselLite 元素开始表现得很有趣。

元素宽度超大。

也可以从jsfiddle版本中查看。

我附上了一张显示尺寸的图片：

有什么修复吗？

Answer 1

由于 jCarouselLite 并不是真正打算用作响应式滑块，因此您最好的选择是尝试更具体地为响应式布局设置的替代方案（并将检测并响应视口变化）。

有一个专门为 Twitter Bootstrap 设计的可能很适合吗？

保存它，我倾向于使用的替代方案是：

• RoyalSlider - 付费但功能强大！
• bxSlider - 免费并在WTFPL 许可下发布，这是我现在最常用的一个。它比 RoyalSlider 稍微复杂一点，但非常适合在商业应用中使用并且非常易于扩展。