0

什么是理想的实施方式：

  1. 小部件/面板列表。我正在寻找像 iGoogle 或heft.me这样的小部件。一个可能的解决方案是使用 heft.me 网站上的 css，但我想知道是否有 twitter 引导方式可以做到这一点，或者是否有任何可用的扩展？

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

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

    顺便说一句，我正在使用 twitter-bootstrap 2.0.4

4

1 回答 1

2

基于这个答案和这个jQuery 插件

这是一个可行的解决方案：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();

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

于 2012-08-01T09:46:05.823 回答