html - CSS: Bootstrap 网格

Question

我在创建响应式设计时发现了一个问题。

我正在使用 bootstrap 3.0

总结:

橙色家伙具有与蓝色和黄色相同的“col-sm-3”属性，它们具有相同的属性 - 总的来说就是:

.orange-blue-yellow {
float:left;
width:50%;
}

但是这里出现了问题:

有粉红色星星的地方是空白的，它扰乱了整个设计和网格。

有什么解决办法吗？可能有一些 javascript。

Answer 1

看起来您在需要列的地方有行。

<div class="container">
  <!-- main row -->
  <div class="row">
    <!-- column -->
    <div class="col-md-6">
      <!-- orange box (row) -->
      <div></div>
      <!-- yellow box (row) -->
      <div></div>
    </div>
    <!-- column -->
    <div class="col-md-6">
      <!-- blue box (row) -->
      <div></div>
    </div>
  </div>
</div>