Jquery同位素和Twitter Bootstrap網格

我想與我的Twitter Bootstrap網格一起實現jQuery同位素，我被卡住了。Jquery同位素和Twitter Bootstrap網格

我有一個列通常引導標記。我有三行（.row-fluid），每個裏面有三列（.span4）

現在，當我在所述列上調用Isotope時，我得到的結果是行內的第三個元素進入新的路線，即使它在頂線有空間。你能幫忙嗎？

我jQuery是這個（忽略的jsfiddle其他變量）：什麼是http://jsfiddle.net/HASg6/

2013-03-26 OriginalEXE

看來，同位素容器上的填充導致問題，當我刪除它似乎表現良好。 – OriginalEXE 2013-03-26 14:08:29

我無法確定到底錯：

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

我已成立了那裏，這是對的jsfiddle發生的例子與你的代碼，但你需要擺弄CSS來讓Bootstrap和Isotope一起玩。您也可以嘗試將所有同位素單元放入一個容器中，而不是行。

以下是Bootstrap和Isotope的演示：http://www.bootply.com/60295這一個也使用媒體查詢來確保圖像響應於屏幕尺寸而調整大小。

來源

2013-05-14 16:40:17 ZimSystem

Jquery同位素和Twitter Bootstrap網格

回答

相關問題