html - 如何在 CSS 的帮助下为响应式网页实现以下布局？
问题描述
我正在尝试为我正在使用 bootstrap 4 构建的页面之一实现以下布局。
第 1 部分和第 2 部分基本上是具有 col-4/col-8 和 col-5/col-7 布局的容器流体，并具有背景图像或背景颜色。
最重要的是，我必须放置一个带有一些文本和按钮的 div，并且根据位置、左列或右列，内容必须限制在容器的大小内，即与容器设置的左右边距相同。这也需要具有响应性。
我尝试根据媒体查询添加边距，这似乎是一个非常丑陋的解决方案。
如何以更有效的方式实现这一目标？
谢谢！！