bootstrap 4 卡列,无法使媒体查询工作

bootstrap 4 with card-columns, can't get media-query to work

我这里有一个简单的 bootstrap 卡片示例,它使用了 14 张卡片 http://www.bootply.com/1ERCHtYa8k。我使用媒体查询将列数从通常的固定数 3 调整为基于屏幕大小的更多或更少的列数。

出于某种原因,在我指定了 6 列的大断点处,它始终显示 5。其他断点工作正常,我不确定为什么要这样做或如何修复。

我也注意到,当我改变卡片计数时,列数通常会以奇怪的方式变化。例如,同一个例子,但只有 7 张卡片 http://www.bootply.com/7yubrPSKgQ# 当尺寸变大时,将只显示 4 列。不明白为什么。

我在 Windows 10 机器上使用最新的 Chrome。

任何 info/help 感谢。谢谢

当所有列内容的高度都相同时,列数似乎有问题。可变高度内容的 workaround described here 似乎有效。

http://www.bootply.com/LsJ7Gxc4zZ

列数问题特定于 CSS3/browser,而不是 Bootstrap。