Jquery Isotope和Twitter Bootstrap网格

我试图与我的Twitter Bootstrap网格一起实现jQuery Isotope，我被卡住了。

我有一个通常的列引导标记。 我有三行（.row-fluid），里面各有三列（.span4）

现在，当我在所述列上调用Isotope时，我得到的是行内的第三个元素进入新行，即使在顶行有空间。 你能帮忙吗？

我的jQuery就是这个（忽略jsfiddle上的其他变量）：

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

我已经设置了jsfiddle上发生这种情况的例子： http ： //jsfiddle.net/HASg6/

Answer 1

我无法确定你的代码究竟出了什么问题，但你确实需要使用CSS来让Bootstrap和Isotope很好地协同工作。 您也可以尝试将所有同位素单元格放入单个容器中，而不是行。

下面是Bootstrap和Isotope的演示： http ： //www.bootply.com/60295这个也使用媒体查询来确保响应屏幕大小调整图像大小。