Css 引导4个相同高度的列背景

使用bootstrap4 flex实现简单布局

col1 col2 sidebar
col3 col4
...  ...

布局如预期，柱高度相等。但是，如果某些列的内容比其他列多，我无法设置背景。如果在列级别设置背景，则会忽略列之间的间距（引导使用填充分隔），如果在列的内部div上设置背景，则背景不会填充列的高度

---

有没有一个技巧可以让所有的列都有完整的背景？

欢迎来到Stack Overflow！寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。请参见如何创建一个示例来演示代码？