使用 bootstrap ，怎么使两列高度相同

Question

<div class="row">

<div class="col-md-2 sidebar">列1</div>
<div class="col-md-10 content">列2</div>

</div>

列1比列2的高度要高，怎么处理呢？

使用JS可以强制使两列等高，但是如果列2要添加内容，就会溢出，怎么办
var sidebarHeight = $('.sidebar').height();
$('.content').height(sidebarHeight);

Answer 1

ul.main-content.row>li.col-lg-2.col-md-3.col-xs-12.col-sm-3.left+li.col-lg-10.col-md-9.col-xs-12.col-sm-9.right

.main-content{

 overflow: hidden;

zoom: 1;
}

.left,
.right{

 margin-bottom: -3000px;

padding-bottom: 3000px;
}

这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）：
margin-bottom:-3000px; padding-bottom:3000px;
再配合父标签的overflow:hidden属性即可实现高度自动相等的效果。

摘自 张鑫旭 日志

Answer 2

参考flex布局方式