需要将具有项目的相等高度行推到底部

Question

我正在使用有3列的bootstrap。

＆＃13;

＆＃13;

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

＆＃13;

＆＃13;

＆＃13;

使用this link（我刚刚在上面添加了css），我能够获得具有相同高度的列。但是在较小的高度列中，我有3行。前2个不是行，它们只是div。

底部是class="row"，因为它的内容是两列class='col-lg-6'。现在我想要这个＆＃34; row＆＃34; （如上所述）被推到那个没有发生的页面的底部。我尝试通过添加位置将其移动到底部：绝对是这个＆＃34;行＆＃34;但这扭曲了这一行特征（我的意思是扭曲了col-lg-6的工作方式）。什么解决方案？

这是demo。请全屏查看。