4

Twitter Bootstrap グリッドと一緒に jQuery Isotope を実装しようとしていますが、行き詰まっています。

列の通常のブートストラップ マークアップがあります。3 つの行 (.row-fluid) があり、それぞれに 3 つの列 (.span4) があります。

さて、上記の列で Isotope を呼び出すと、一番上の行にスペースがあるにもかかわらず、行内の 3 番目の要素が新しい行に表示されます。手伝ってくれませんか。

私のjQueryはこれです(jsfiddleの他の変数は無視してください):

pGrid.isotope({
    hiddenStyle  : { opacity : 0 },
    visibleStyle : { opacity : 1 }, 
    itemSelector : '.span4',
    layoutMode   : 'fitRows',
    resizable: false
});

これがjsfiddleで発生している例を設定しました: http://jsfiddle.net/HASg6/

4

1 に答える 1

0

あなたのコードの正確な原因を特定することはできませんが、Bootstrap と Isotope をうまく連携させるには、CSS をいじる必要があります。行ではなく、すべてのアイソトープ セルを 1 つのコンテナーに入れてみることもできます。

Bootstrap と Isotope のデモは次のとおりです: http://www.bootply.com/60295これもメディア クエリを使用して、画面サイズに応じて画像のサイズが変更されるようにします。

于 2013-05-14T16:40:17.897 に答える