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/


我无法确定你的代码有什么问题,但是你需要摆弄CSS来让Bootstrap和Isotope一起玩。 您也可以尝试将所有同位素单元放入一个容器中,而不是行。

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

链接地址: http://www.djcxy.com/p/88321.html

上一篇: Jquery Isotope and Twitter Bootstrap grid

下一篇: Twitter Bootstrap 2 column Image Grid