Html 调整大小时，第2分区位于第1分区之上

所以，这就是我在全屏上的样子：
这就是当我调整到某一点时我希望看到的样子：

---

我只能在第二组的基础上再加上第1组。我尝试了我所知道的一切，但我担心在面对这种挑战时，我的知识有点有限。如果有人能帮助我，我将不胜感激。

我认为你可以像Bootstrap一样使用CSS网格来实现你想要的。检查以下小提琴：

第2组
第一组

---

我使用了引导CSS网格和push/pull类从小屏幕（sm）开始对列重新排序。您可以将其更改为中等（md）或更大。检查引导文档以了解这一点：

因为我看到div2下面有一个灰色矩形。这让我想到，div2在div1里面。要将div2永久设置在div1之上，我将使用以下模式：

1） 创建一个普通div，其中包括两个div

2） 在普通div内创建div2，宽度为普通div的100%，高度为普通div的50%

3） 与div1相同，但定义如下

---

这样，两个div都固定在前一个div中，您可以随意移动。

非常感谢！我第一次使用引导，所以我不知道这是可能的。再次感谢！

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-sm-push-6 div2">DIV 2</div>
        <div class="col-xs-12 col-sm-6 col-sm-pull-6 div1">DIV 1</div>
    </div>
</div>