带有卡列的bootstrap 4，无法使媒体查询正常工作

Question

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

出于某种原因，在我指定6列的大断点处，它总是显示5.其他断点工作正常，我不确定为什么要这样做或如何固定。

我也注意到，随着我改变卡数，大量的列数会以奇怪的方式发生变化。例如，相同的示例但只有7张卡http://www.bootply.com/7yubrPSKgQ#，当尺寸为大时，只会显示4列。不明白为什么。

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

任何信息/帮助表示赞赏。感谢。

Answer 1

当所有列内容的高度相同时，列计数似乎存在一些问题。可变高度内容的workaround described here似乎有效。

http://www.bootply.com/LsJ7Gxc4zZ

列数的问题特定于CSS3 /浏览器，而不是Bootstrap。