Есть ли способ отцентрировать изображение с помощью Isotope Filter Plugin? - PullRequest
Новая
       5

Есть ли способ отцентрировать изображение с помощью Isotope Filter Plugin?

1 голос
/ 17 января 2020

Таким образом, у меня есть проблема (изображения ниже) изображений в портфолио, которые не находятся в центре, когда достигается определенная ширина. Я использую bootstrap, и поэтому изображения находятся в div "col-sm-6 col-md-4". Когда экран имеет значение md или sm, он идеально вписывается и центрируется (частично, когда у md-4 все еще есть несовершенство, но это не так важно), но когда он достигает ширины ровно 536 пикселей, он щелкает слева и оставляет зазор справа. Я обнаружил, что этот код отвечает за всю эту чепуху. Если я удаляю это и добавляю css margin: 0 auto для класса img-responseive, изображения выглядят так, как должно, однако если я оставлю Isotope Filter js, проблема с командой все еще не исчезнет. Есть предложения? 

    $(window).load(function() {
    var $container = $('.portfolio-items');
    $container.isotope({
        filter: '*'
    });
    $('.cat a').click(function() {
        $('.cat .active').removeClass('active');
        $(this).addClass('active');
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
        });
        return false;
    });

});

Неверно

Справа

...