响应式 Twitter Bootstrap 与 jCarouselLite 不兼容

Question

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

插件初始化是基本的：

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

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

元素宽度超大。

jsfiddle 版本也可以查看。

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

有什么办法吗？

Answer 1

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

有一个specifically for Twitter Bootstrap 可能适合吗？

除此之外，我倾向于使用的替代方法是：

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