Question

这似乎很容易，但我只是想把1a div下的1b div。正如您所看到的，我的代码基于bootstrap。是否有类似助手类来解决这个问题？

谢谢！

<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。此外，您可能有一些填充，您可以通过向父级添加行类来清除它。

如何在另一个下推div盒？在Bootrap中

1 个答案: