Javascript 砖石格栅不需要的空间

当你玩弄你的窗户时，它会变得更好。当你第一次打开它时，我不想要一个空间。

---

这是因为您放置了

.col-md-4

类，其宽度为总可用屏幕宽度的33.333333%。 您需要重新考虑网格的外部和内部

div

空间计算

一个快速而肮脏的修复方法是将其放入CSS中：

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

或

---

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

您使用的是带百分比的宽度。在这种情况下，请尝试在选项中添加percentPosition:true！谢谢，但现在当你玩你的窗口时，它会变得更好。因为引导网格不是你说的。我不明白（“你可以添加一个额外的第4列，而不是仅仅使用3列。”）现在在右边的div中有3列，我建议使用第4列，所有这些列都带有类

.col-md-3

，而不是

.col-md-4

。

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

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