我怎样才能让引导网格系统第二列占用两行空间答案

【问题标题】：How can i get bootstrap grid system second column to take two rows space我怎样才能让引导网格系统第二列占用两行空间
【发布时间】：2015-08-21 13:13:39
【问题描述】：

我已经到处搜索，但找不到任何方法来使用引导程序实现以下网格：http://oi60.tinypic.com/2r404rc.jpg

这篇文章很接近，但这不是我想要的：How can I get a Bootstrap column to span multiple rows?

如果可以用 bootstrap 来做的话有什么想法吗？或者我应该寻找一种经典的 css 方式。

编辑：html必须遵循这个顺序

<div>Element 1</div>
<div>Element 2</div>
<div>Element 3</div>

【问题讨论】：

标签： css twitter-bootstrap

【解决方案1】：

试试这个

<div class="row>
    <div class="col col-lg-8>
            <!-- col 1-->
        <div class="row">
            <!-- row 1-->
        </div>
        <div class="row>
            <!-- row 2-->
        </div>
    </div>
    <div class="col col-lg-4">
            <!-- col 2-->
    </div>
</div>

【讨论】：

与@eminach 相同，如果您可以更改元素顺序，则此解决方案有效。就我而言，我需要元素按以下特定顺序排列：1 2 3：bootply.com/PuXPICBESa

【解决方案2】：

你应该使用列嵌套

这是一个例子

http://www.bootply.com/HjJxS7jKHM

或者

<div class="row">
<div class="col-md-6 blue">
    <div class="row">
        <div class="col-md-12 short-div border">Span 6</div>
        <div class="col-md-12 short-div border">Span 6</div>
    </div>
</div>
<div class="col-md-6 green tall-div border">Span 6</div>
</div>
<div class="row">
  <div class="col-md-6 short-div green border">4</div>
  <div class="col-md-6 short-div blue border">5</div>
</div>

【讨论】：

感谢您的回答。可悲的是，这对我不起作用。元素 1、2 和 3 在 HTML 中必须相互跟随。这是更新的 bootply，显示了我的意思：bootply.com/PuXPICBESa 这将是一个有效的答案。也许单独使用 bootstrap 是不可能的。
什么意思必须遵循？你的意思是4和5必须大于3？还是？
或者你想说当 1 和 2 增长时 3 必须缩小？
正如您在上一个引导程序中看到的，元素 1 2 3 必须按特定顺序排列。我需要元素 2 占用两行空间。希望我更准确。
因为我正在处理的项目在局部视图中有元素 1 和 2，然后在另一个局部视图中调用元素 3。客户希望提到的显示。如果不进行大量重构，我无法将元素 2 从第一个局部视图中移开。