Css 如何在重新启用时将一个div的位置更改为另一个div

Css 如何在重新启用时将一个div的位置更改为另一个div,css,bootstrap-4,Css,Bootstrap 4,情景: 我有两个分区。一个分区是标题,另一个分区是形式。 但是,当我在一些手机屏幕上调整它的大小时,它是不正确的。 待办事项: 我想当我在一些屏幕边距调整左div标题和div形式。它 根据左边距div表单调整标题左边距时的平均值。 如何修复它?我希望我得到了正确的答案。我的理解是,在移动屏幕上查看时,您希望将标题置于表单上方。使用媒体查询很容易做到这一点。见下文 媒体查询功能强大,因为您可以使用它们动态筛选样式设置方法,例如将上面的div设置为显示为块。填充容器的整个宽度,而不是与另一块放在同一

情景:

我有两个分区。一个分区是标题,另一个分区是形式。 但是,当我在一些手机屏幕上调整它的大小时,它是不正确的。 待办事项:

我想当我在一些屏幕边距调整左div标题和div形式。它 根据左边距div表单调整标题左边距时的平均值。
如何修复它?

我希望我得到了正确的答案。我的理解是,在移动屏幕上查看时,您希望将标题置于表单上方。使用媒体查询很容易做到这一点。见下文


媒体查询功能强大,因为您可以使用它们动态筛选样式设置方法,例如将上面的div设置为显示为块。填充容器的整个宽度,而不是与另一块放在同一条线上,只占容器的40%。如果需要,请提交一个标记供审查。

您可以分享标记HTML吗
<div id="div1"></div>
<div id="div2"></div>

@media only screen and (max-width: 600px) {
     .div1 {
        display: block;
     }

     .div 2 {
        display: block;    
     }
}

.div1 {
   display: inline-block;
   width: 40%;
}

.div 2 {
   display: inline-block;
   width: 40%;
}