如何在引导程序中制作两个等高的列？

我有这个代码

HTML:

<div class="container-fluid">
    <div class="row">

        <div class="col-md-6">
            <p>Line</p>
            <p>Line</p>
            <p>Line</p>
            <p>Line</p>
            <p>Line</p>
            <p>Line</p>

        </div>
        <div class="col-md-6">
            <p>Line2</p>
            <p>Line2</p>

        </div>

    </div>
</div>

正如您所看到的，两列不相等，并且每列都有一个高度内容。

我试图将这个例子jsfiddle https://jsfiddle.net/DTcHh/12807/但显然我们做到了......但我放了链接

我尝试导入 bootstrap 但不起作用

我还发现this http://getbootstrap.com.vn/examples/equal-height-columns/文档引导程序中的示例但未能实现它

你能帮我实现这个例子吗（如果可能的话在 jsdfidle 中）？

提前致谢！

尝试将其添加到您的 CSS 中：

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

.row{
  overflow: hidden; 
}

https://jsfiddle.net/DTcHh/12810/ https://jsfiddle.net/DTcHh/12810/

或者使用弹性盒：

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

https://jsfiddle.net/DTcHh/12811/ https://jsfiddle.net/DTcHh/12811/