Twitter bootstrap - 可以水平滚动的小部件/面板列表

Question

理想的实现方式是什么：

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

2. 一旦我实现了渲染小部件，我将添加小部件 动态的。我希望这些小部件水平放置 可滚动的。一种可能的解决方案是我应该调整 twitter-bootstrap 附带的轮播插件，但我还是会 想知道是否有更好的方法？

3. 是否建议维护一个水平滚动列表 适用于手机等小型设备的小部件，或者更好 在移动设备上以不同方式呈现它们，可能是手风琴面板 或类似的东西？

   顺便说一句，我正在使用 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();

我不知道插件的可行性，但如果你想要自己的版本，你应该能够对其进行逆向工程。