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

如果您已经在使用

#menycol {
column-count: 2;
}

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

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