html - 填充列的剩余高度

我正在使用带有3个.row的引导.col-md-4。如果其中一个比其他更长，则会显示可用空间。我希望他们填补剩余的高度。你能告诉我，我该怎么办？我不想使用绝对定位和固定大小。我希望它能尽快响应。 Example image

最佳答案

如this question中的建议，可以使用负边距：

.row {
  overflow: hidden;
}

[class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

Live demo，然后使用负边距。

使用负边距后的Live demo。

使用此方法将保留响应性。

编辑：此问题是How can I make Bootstrap columns all the same height?的可能重复项

关于html - 填充列的剩余高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39309276/