行元素的响应位置

时间:2014-10-26 11:59:37

标签: twitter-bootstrap twitter-bootstrap-3

我在行元素的响应对齐方面遇到了一个小问题

enter image description here

我在一行中有3个面板(类:col-lg-6 col-md-6),我想将最后一个面板与第一个面板的高度对齐。

我试图添加一个:但没有任何改变......

有人知道我该怎么做吗?

1 个答案:

答案 0 :(得分:1)

...您可以使用此代码完成您的工作:

<div class="col-md-6">
  <div class="row">
    <div class="col-md-12">
        top panel
    </div>
    <div class="col-md-12">
        bottom panel
    </div>
  </div>
</div>
<div class="col-md-6">
  right panel
</div>

编辑:如果它与下面断点中的数字相同,则不需要-lg-X。