带有卡片列的引导程序 4，无法让媒体查询工作

Question

我在这里有一个简单的引导卡示例，它使用了 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。