使用bootstrap将3列连接到3个其他列（无论大小）

Question

我正在使用Boostrap，我有2行，每行有3列。

如下图所示：

底行的问题是3列被分组在同一行，我想要的是下面的3列几乎粘在上面的3列（无论下面列的大小） ，报纸类型。

如下图所示：

我的代码（简单的HTML和Angular ng-repeat）：

<div class="row">
   <div ng-repeat="channel in channels">
       <div ng-if="$index % 3 == 0" class="clearfix"></div>
       <div class="col-md-4 well">
           <h1 class="h1-class" style="margin-left: 20px">
            {{ channel.name }}
           </h1>
       </div>
   </div>

我怎样才能成为这样的朋友？

对不起，如果我的问题是错的，我真的不知道怎么问这个。来自智利的问候。

Answer 1

<div class="container">
    <div class="col-md-4">

        <div style="height:30px;border:1px solid black;">Name 1</div>
        <div style="height:60px;border:1px solid black;">Name 4</div>

    </div>

    <div class="col-md-4">

        <div style="height:40px;border:1px solid black;">Name 2</div>
        <div style="height:30px;border:1px solid black;">Name 5</div>

    </div>

    <div class="col-md-4">

        <div style="height:20px;border:1px solid black;">Name 3</div>
        <div style="height:70px;border:1px solid black;">Name 6</div>

    </div>
</div>