具有固定宽度内容区域的全角分割行？

Question

我正在尝试实现以下布局：

• 不等宽的Bootstrap分离列，其背景图像运行到浏览器窗口的边缘
• 这两个列的内容区域都被限制为固定的总宽度，这是通过使用“ .container” Bootstrap类获得的。
• 包含背景图像的列需要扩展到窗口边缘，但不能超过窗口边缘。 （这是因为他们需要使用设置为“ background-size：cover”的背景图片）[在此处输入图片说明] [1]

我能想到的唯一方法是使用JavaScript在列的外部边缘上动态设置负边距（不是很漂亮），或者使用全宽度的Bootstrap网格并手动将每个列的内容区域限制为使用自定义CSS正确设置尺寸和位置（每次都需要大量自定义CSS）。

是否有一种更清洁的方法？