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网格

回答

相关问题