CSS:引导网格

Question

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

我使用的是bootstrap 3.0

摘要：

橙色的家伙有和蓝色和黄色一样的“of 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>