Css 引导flex行高度要匹配

尝试使用纯css使一行中的列都匹配相同的高度，而不使用javascript。我有一个似乎有效的解决方案，直到您开始更改一行中的列数，或者没有完整的列。如果您在这里查看引导层：。。。您可以看到它正在与col-md-3一起工作。。。但是如果你把它们改成col-md-6。。。奇怪的事情发生了，比如一个100%宽度的柱子。我只希望css中有一个小的变化就可以解决这个问题。

希望这有帮助： 每12列应包装在单独的行中，并使用媒体查询来防止flex类对堆叠列的影响

---

请检查：

也许这会对您有所帮助：
1.您应该删除此笔划：

flex:1 1 auto;

并且浏览器可以为样式中的列应用宽度（宽度：col-md-6为50%）

2.我不明白您为什么需要这种样式，但您应该将您的样式修改为：

.row-flex > div[class*='col-']{
  margin: -2px; /* hack adjust for wrapping */
}

---

签出我的引导层：

由于引导层col填充，flexbox技术强制进行包装

您可以在Bootply示例中更改列的负边距：

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
     margin:-1px;
}

---

bootply链接还活着吗？谢谢！这似乎为我解决了问题。我还必须对100%的子div的宽度做一个轻微的调整，只影响直接的子div，因为它弄乱了内容。（“>div”）