同位素，调整窗口大小时项目的绝对位置不正确

Question

我有一个同位素布局工作正常，但是当我调整窗口大小时，它会错误地定位项目。在我的情况下，它添加'left：20px'使第一个项目向左伸出（它总是第一个定位错误的项目）。事情是它不会始终如一地发生，有时它会以良好的位置调整大小，有时候会处于不利位置，我绝对知道是什么导致了这一点。

在调整大小之前，这是正确的布局

这有时会在调整大小后发生，它有时只会添加左：20px到第一个元素，我不知道是什么原因。

这是我唯一的javascript代码：

var $container = $('.blog-container');
$container.imagesLoaded( function () {
    $('.blog-container').isotope({
        itemSelector: '.item-blog'
    });
});

这是实际link亲身体验它。

在1280以下大小调整时会发生这种情况

我真的在最后，我非常感谢任何帮助！

Answer 1

好吧，我把同位素容器放在了一个带有Bootstrap行类的div中，这显然搞砸了我猜测的同位素计算。 现在我删除了Bootstrap的行类，现在一切似乎都很完美。

我认为，现在已经完成了这笔交易。