Javascript 有没有办法使用同位素过滤器插件将图像居中？

所以我有一个问题（下图），当达到一定宽度时，公文包中的图像不在中间。我使用的是bootstrap，因此图片位于div“col-sm-6 col-md-4”中。当屏幕为md或sm时，它非常精细且居中（部分原因是，md-4时仍然存在缺陷，但这并不重要），但当它达到536px的宽度时，它会在左侧捕捉，并在右侧留下间隙。我发现这段代码是所有这些废话的罪魁祸首。若我删除这个并在类img responsive上添加css margin:0auto，图片看起来应该是这样的，但若我离开同位素过滤器，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;
    });

});