Bootstrap 左边两行，右边一答案

【问题标题】：Bootstrap two rows on the left and one on the rightBootstrap 左边两行，右边一
【发布时间】：2015-02-11 06:47:58
【问题描述】：

我想使用引导网格系统创建类似的东西：

但我似乎无法将 COLUMN1 和 COLUMN2 一个接一个地放置而不会在它们之间产生间隙（由于 COLUMN 3 的高度）：

这是我尝试过的代码示例（我不允许发布完整的实际代码）：

<div class="row">

    <div id="header" class="col-md-4">
        COLUMN 1
    </div>


    <div class="col-md-8" style="background:url('poze/power.jpg'); height:300px">
        COLUMN 3
    </div>
</div>

<div class="row" id="row_cont">

    <div class="col-md-4">
       COLUMN 2
     </div>
...all the rest
</div>

【问题讨论】：

标签： javascript twitter-bootstrap

【解决方案1】：

我认为这就是您所需要的。点击整页查看结果。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>

  <div class="row">
    <div class="col-md-4">
      <div style="background:red; height:100px">Column 1</div>
      <div style="background:blue; height:200px">Column 2</div>
    </div>
    <div class="col-md-8" style="background:yellow; height:300px">Column 3</div>
  </div>

【讨论】：