砌体网格不需要的空间

Question

$(".portfolio").imagesLoaded(function () {
    $(".portfolio").masonry({
        columnWidth: '.col-md-4.col-sm-6',
        itemSelector: '.col-md-4'
    });
});

当你玩窗户时，情况会好转。你第一次打开它时我不想要一个空间。 http://webtehayat.net/demo/portfolio/

Answer 1

这是因为您放置了.col-md-4类，其宽度为可用屏幕总宽度的33.333333％。 您需要实际重新考虑网格的外部和内部div空间计算。

快速＆amp;脏修复就是把它放在你的CSS中：

.col-md-4 {
    width: 34% !important;
}

body {
    margin: 0;
    overflow-x: hidden;
}

OR

您可以添加额外的第4列，而不是仅使用3。