html - Bootstrap网格使列在其相邻列下扩展

大家好，很难用英语表达，所以这是我要完成的布局图。我不知道这是否仅在Bootstrap网格系统中可行。

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

最佳答案

我认为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>

关于html - Bootstrap网格使列在其相邻列下扩展，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21733121/