Изотоп, абсолютное положение предметов не соответствует при изменении размера окна

Question

У меня есть изотопный макет, который отлично работает, но когда я изменяю размер окна, он позиционирует предмет неправильно. В моем случае он добавляет «left: 20px», в результате чего первый элемент торчит слева (это всегда первый элемент, который неправильно помечен). Дело в том, что это не происходит последовательно, иногда оно изменяется с хорошим положением, а иногда и с плохим положением, я абсолютно понимаю, что вызывает это вообще.

Это правильное расположение перед изменением размеров вещей

Это то, что иногда происходит после того, как изменение размера, иногда просто добавляет налево: 20px к первому элементу, ибо я не знаю, что причина.

Это мой единственный Javascript код:

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

Здесь фактические link испытать это из первых рук.

Это происходит при изменении размера под и выше 1280

Я действительно в конце, и я очень признателен за любую помощь!

Answer 1

Хорошо, я поставил контейнер изотопа в div с классом строк Bootstrap, который, по-видимому, испортил изотопные расчеты. Теперь я удалил класс строк Bootstrap, и теперь все работает отлично.

Думаю, на данный момент сделка сделана.