在Bootstrap行中生成flex div

时间:2015-07-09 14:17:49

标签: html css twitter-bootstrap

我有2个Bootstrap cols,其中一个包含一些大文本。另一个包含一些div s。我希望以这样的方式使div中的一个弹性增长,以便填充整个空间,使col同样高。

这是一个演示我想要做的事情:http://codepen.io/alexandernst/pen/mJLraW

包含文本2的元素应该增长,将其余元素向下推。

1 个答案:

答案 0 :(得分:1)

添加

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
  display: flex; /* this */
}

它允许行内的两列达到相同的高度。

Codepen Demo