0

実装するための理想的な方法は何でしょうか。

  1. ウィジェット/パネルのリスト。iGoogleやheft.meのようなウィジェットを探しています。考えられる解決策は、heft.meサイトのcssを使用することですが、それを行うためのTwitterブートストラップ方法があるかどうか、または利用可能な拡張機能があるかどうかを知りたいですか？

  2. ウィジェットのレンダリングを実現したら、ウィジェットを動的に追加します。これらのウィジェットを水平方向にスクロールできるようにしたいと思います。考えられる解決策の1つは、twitter-bootstrapに付属しているカルーセルプラグインを微調整することですが、もっと良い方法があるかどうかをもう一度知りたいですか？

  3. 携帯電話などの小型デバイス用の水平スクロールウィジェットのリストを維持することをお勧めしますか、それともアコーディオンパネルなどのモバイルデバイスで異なる方法でレンダリングすることをお勧めしますか？

    ところで、私はtwitter-bootstrap2.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 に答える