填充柱的剩余高度

时间:2016-09-03 16:55:04

标签: html css twitter-bootstrap

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

1 个答案:

答案 0 :(得分:0)

根据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?

重复