Bootstrap grid make a column expand under its neighbor column

Question

Hi guys its hard to put this in english so here is the drawing of the layout I want to accomplish. I don't know if this is possible in Bootstrap grid system only.

<div class="row">
   <div class="col-md-6" id="col1">... children </div>
   <div class="col-md-6" id="col2">... children </div>
</div>

Answer 1

I don't think it's possible with the Bootstrap grid system. You will have to divide your first div.

Maybe the css float property can do what you need ?

here is a working example: http://jsfiddle.net/y1dj5166/

<p style="color: blue">
<span style="float: right; color:red;"> 
other text. other text. other text. other text.<br/>
other text. other text. other text. other text.<br/> 
other text. other text. other text. other text.<br/> 
</span>
Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.
Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text. 
</p>