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