引导4与卡列,无法获得媒体查询工作

问题描述:

我有一个简单的自举卡例如使用14卡http://www.bootply.com/1ERCHtYa8k。我使用了媒体查询来根据屏幕大小将列数从通常的固定计数3调整到更多或更少的列。引导4与卡列,无法获得媒体查询工作

由于某些原因,在我指定了6列的大型断点处,它总是显示5.其他断点工作正常,我不确定它为什么这样做或如何解决。

我也注意到,当我改变卡数时,大部分列的数量都会以奇怪的方式变化。例如,同样的例子,只有7张牌http://www.bootply.com/7yubrPSKgQ#,当尺寸大到只有4列。不明白为什么。

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

任何信息/帮助赞赏。谢谢。

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

http://www.bootply.com/LsJ7Gxc4zZ

与列数的问题是具体到CSS3 /浏览器,而不是启动过程。