如何在另一个下推div框？在引导程序中

【问题标题】：How to push on div box under the other? In Bootrap如何在另一个下推div框？在引导程序中
【发布时间】：2015-10-22 00:56:11
【问题描述】：

这似乎很容易，但我只想将 1b div 推到 1a div 下。如您所见，我的代码基于引导程序。有没有类似帮助类的东西来解决这个问题？

谢谢！

<div class="col-sm-3" style="background-color:lavenderblush;">Div 1a</div>
<div class="col-sm-3" style="background-color:lightcyan;">Div 1b</div>
<div class="col-sm-6" style="background-color:lavender; height:100px;">Div 2</div>
<div class="col-sm-3" style="background-color:lightgray;"> Div 3</div>

【问题讨论】：

显示一些你想要实现的图像。

标签： html css twitter-bootstrap grid

【解决方案1】：

您可以为此创建一个容器并将 1a 和 1b 放入该容器中，如下所示：

<div class="col-sm-3 the-container">
    <div class="col-sm-12" style="background-color:lavenderblush;">Div 1a</div>
    <div class="col-sm-12" style="background-color:lightcyan;">Div 1b</div>
</div>
<div class="col-sm-6" style="background-color:lavender; height:100px;">Div 2</div>
<div class="col-sm-3" style="background-color:lightgray;"> Div 3</div>

然后使用 col-sm-12 两者，您将使它们成为 100% 宽度。

附：此外，您可能有一些填充，您可以通过向父级添加行类来清除它。

【讨论】：