尝试使连续的cols与纯css匹配相同的高度，并且没有javascript。我有一个似乎有效的解决方案，直到您开始更改连续的cols数，或者没有完整的cols行。如果你在这里查看bootply：http://www.bootply.com/jZLRAiiEn7 ...你可以看到它正在使用col-md-3 ......但如果你把它们改成col-md-6 ......会发生奇怪的事情，比如col占100％宽度。希望css中的一个小变化是我需要解决的问题。
答案 0 :(得分：2)
也许这会对你有所帮助：
1.你应该删除这个笔画：
flex:1 1 auto;
和浏览器可以从样式中应用列的宽度（宽度：col-md-6的50％）
2.我不明白为什么你需要这种风格，但你应该把你的风格修改为：
.row-flex > div[class*='col-']{
margin: -2px; /* hack adjust for wrapping */
}
结帐我的bootply：http://www.bootply.com/iA8AGiKIki
答案 1 :(得分：0)
希望这会有所帮助： 每12列应包装在一个单独的行中，并使用媒体查询来防止Flex类对堆积列的影响
答案 2 :(得分：0)
由于Bootstrap col填充，flexbox技术强制换行..
您可以更改Bootply示例中列的负边距：
.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
margin:-1px;
}