Twitter引导程序 - 可以水平滚动的小部件/面板列表

Question

实施的理想方式是什么：

1. 小部件/面板列表。我正在寻找像中的小部件 iGoogle或heft.me。一种可能的解决方案是使用css 来自heft.me网站，但我想知道是否有 twitter bootstrap这样做的方式还是有任何扩展 可用吗？

2. 一旦我实现渲染小部件，我将添加小部件 动态。我希望这些小部件是水平的 滚动。一个可能的解决方案是我应该调整 与twitter-bootstrap一起提供的carousel插件，但我会再次 想知道是否有更好的方法？

3. 维护水平滚动列表是否可取 适用于移动电话等较小设备的小部件或更好 在移动设备上以不同的方式呈现它们，可能是手风琴面板 或者那种东西？

   BTW我正在使用twitter-bootstrap 2.0.4

Answer 1

基于this answer和此jQuery plugin

这是一个有效的解决方案：jsfiddle。

<div class="myClass">
    <div class="row">
        <div class="span5"></div>
        <div class="span5"></div>
        <div class="span5"></div>
    </div>
</div>

div.myClass {
    overflow-x: hidden;
    white-space: nowrap;
}
div.myClass [class*="span"] {
    display: inline-block;
    float: none;
}

$('.myClass').dragscrollable();

我不知道插件的可靠性，但是如果你想要你自己的版本，你应该能够复制它。