Bootstrap 4卡列有时会在Chrome中显示与其他浏览器不同的列

Question

我无法弄清楚为什么卡片列中的这些卡片在chrome上的显示方式不同。它们主要显示两列，但不在我的所有页面上。

此页面特定的问题是只显示一列，请转到标签＆＃34; Meny＆＃34;：http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab

但是在Edge和Firefox中，它显示了两列，正如我想要的那样。

但是，选项卡上的另一个页面＆＃34; Meny＆＃34;，http://nesthus.no/vossapp/bedrift/cafe-stationen会在所有浏览器中正确显示两列，包括chrome。

Chrome中出现问题，但在Edge工作：

但是，在Chrome的另一个页面上，它可以很好地呈现：

Answer 1

我没有您的源代码（您的网站无法正常工作），所以我只能猜测您的结构：http://jsfiddle.net/aq9Laaew/80810/。通过更改column-count，一切似乎在Chrome中都可以正常工作。

其他小型设备（纵向手机，小于576像素）

小型设备（横向手机，576像素及以上）

中型设备（平板电脑，768像素及以上）

大型设备（台式机，992px及以上）

超大型设备（大型台式机，1200px及以上）

Answer 2

如果您已经在使用

#menycol {
column-count: 2;
}

然后无需设置显示和宽度，只需注释或删除它

.card-columns .card {
/* display: inline-block; */
/* width: 100%; */
}