html - 无法适应某些代码以提供三列网格

我正在尝试重现此3列网格http://romeavenue.com/en/2/Tours-Of-Italy，但我无法使其正常工作。我得到的只是一个2列网格，我不知道为什么-参见http://eternalcitytours.com/en/2/Tours-Of-Italy

谁能看到我在做什么错？ PS站点应随视口的变化做出响应。

谢谢

汤姆

最佳答案

Isotope根据父元素的宽度计算列数。在计算宽度时，还必须注意填充和边距，这是box-model的一部分。

只需将.feature的宽度更改为1000px即可得到三列：

feature {
    width: 1000px;
}

显然，您必须对其余布局进行一些调整才能使其正常工作，但这应该为您提供了一个起点。