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

Question

我不明白为什么卡片列中的这些卡片在 chrome 上显示不同。他们主要显示两栏，但不是在我的所有页面上。

此页面特定有仅显示一列的问题，转到选项卡“Meny”:http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab

但在 Edge 和 Firefox 中，它显示两列，正如我所希望的那样。

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

问题出现在 Chrome 中，但在 Edge 中有效:

但是，在 Chrome 的另一个页面上，它呈现得很好:

Answer 1

我没有你的源代码(你的网站打不开)所以我只能猜测你的结构:http://jsfiddle.net/aq9Laaew/80810/ .只需更改 column-count，Chrome 中的一切似乎都能正常工作。

超小型设备(纵向手机，小于 576px)

小型设备(横屏手机，576 像素及以上)

中型设备(平板电脑，768 像素及以上)

大型设备(台式机，992 像素及以上)

超大设备(大型桌面，1200 像素及以上)