引导列堆叠

Question

是否可以强制引导列强制所有列使用上面的空白区域？ 例： http://jsfiddle.net/tkrhkz0d/

<div class="row">
    <div class="col-sm-6">A<br/>A</div>
    <div class="col-sm-6">B</div>
    <div class="col-sm-6">C<br/>C<br/>C<br/>C<br/>C<br/>C</div>
    <div class="col-sm-6">D</div>
    <div class="col-sm-6">E<br/>E</div>
    <div class="col-sm-6">F</div>
    <div class="col-sm-6">G<br/>G</div>
    <div class="col-sm-6">H</div>
    <div class="col-sm-6">I<br/>I</div>
    <div class="col-sm-6">J</div>
</div>

我希望在不知道列内容的情况下填充所有空格

Answer 1

只需将background从col-sm-6更改为row！

.row {
  background: #DDDDDD;
}

修改
在这种情况下，为每对row

使用bootstrap cols

jsfiddle-link