响应式Twitter Bootstrap与jCarouselLite不兼容

Question

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

插件初始化是基本的：

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

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

  

元素宽度已超大。

同样可以从jsfiddle版本查看。

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

任何修复？

Answer 1

由于jCarouselLite并不是真正意图作为响应式滑块，因此最好的办法是尝试替代方案，该方案更专门针对响应式布局设置（并且会检测并响应视口更改）。

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

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

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