砌體網格多余的空間

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的空間計算。

一個快速且骯臟的解決方法是將其放入您的CSS中：

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

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

要么

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