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

Question

这看起来很容易，但我只是想将 1b div 推到 1a div 下面。如您所见，我的代码基于 bootstrap。有没有像帮手 class 这样的东西来解决这个问题？

谢谢！

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

Answer 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% 宽度。

P.S。此外，您可能有一些填充，您可以通过向父级添加一行 class 来清除它。

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

How to push on div box under the other? In Bootrap

html

css

grid

twitter-bootstrap