4

我正在尝试将 jQuery Isotope 与我的 Twitter Bootstrap 网格一起实现，但我被卡住了。

我有一个通常的列引导标记。我有三行（.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/

4

1 回答 1

0

我无法确定您的代码到底出了什么问题，但是您确实需要摆弄 CSS 以使 Bootstrap 和 Isotope 能够很好地协同工作。您可能还想尝试将所有同位素细胞放入一个容器中，而不是行。

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

于 2013-05-14T16:40:17.897 回答