Html 引导网格

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

我正在使用Bootstrap3.0

总结：

Orange guy具有与蓝色和黄色相同的“col-sm-3”属性，它们具有相同的属性-概述如下：

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

但问题发生在这里：

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

有什么解决办法吗？可能有一些javascript用于此

---

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

<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>

请发布完整的网格HTML和相关的CST，这是事实。我真傻。在这上面浪费了30分钟，这取决于列。谢谢你的朋友！！！这是使用Bootstrap 2.x类，问题是他正在使用Bootstrap 3。@cjd82187我的错误，我以前没有使用过Bootstrap 3，但根据文档，我认为这次我使用的是正确的。如果我错了，请纠正我。