CSS：引导网格

Question

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

我正在使用引导程序 3.0

总结：

Orange guy 具有与蓝色和黄色相同的“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>