Bootstrap два ряда на левой стороне и один на правой

Question

Я хочу, чтобы создать что-то вроде этого с помощью начальной загрузки системы сетки:

Но я не могу поставить COLUMN1 и COLUMN2 один за другой, не создавая зазор между ними (из-за высоты колонкой 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> 

Answer 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>