Bootstrap网格使列在其邻居列下展开

Question

大家好，很难用英语写这个，所以这里是我要完成的布局图。我不知道这是否仅适用于Bootstrap网格系统。

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

Answer 1

我认为使用Bootstrap网格系统是不可能的。 你将不得不划分你的第一个div。

也许css float property可以做你需要的事情吗？

这是一个工作示例：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>