<分区>
我在使用 <div class="col-md-X">
时遇到布局问题 Bootstrap 。通过在 div 中放置大量内容,它会强制其他 div 到另一个位置。
这是我的 html 布局:
<div class="row">
<div class="col-md-7 content"></div>
<div class="col-md-4 col-md-offset-1"></div>
<div class="col-md-7 content"></div>
<div class="col-md-4 col-md-offset-1"></div>
<div class="col-md-7 content"></div>
</div>
这基本上会创建如下内容:
| col-md-7 | | col-md-4 |
| col-md-7 | | col-md-4 |
| col-md-7 | |
但是,当我在其中放置大量内容时,例如,第二个 col-md-4
它强制最后一个 col-md-7
下去。
| col-md-7 | | col-md-4 |
| col-md-7 | | col-md-4 |
| | | content
| | | content
| | | content
| col-md-7 | |
如图所示
问题可见JSFiddle .
我希望最终结果是:
| col-md-7 | | col-md-4 |
| col-md-7 | | col-md-4 |
| col-md-7 | | content
| | | content
| | | content