Javascript 将列引导到相同高度，将子列引导到匹配高度

正如标题所暗示的，我正试图获得您的标准

所提供的一致性和清晰的线条，但具有引导网格系统的响应能力。我使用了部分解决方案，使列之间的高度相匹配

这是（大概）。蓝色边框用于列以相同高度显示它们

问题是，内部div与高度不匹配。右边的部分是聊天室，所以文本区域和标题都是固定高度，所以我试图让消息区域占据额外的高度。我似乎无法让

display:flex

在那里工作

我不介意解决方案是Javascript还是CSS，只要它是响应性的

此外，如果您认为我应该将列设置为具有内部

div

的样式，并为其添加一个边距，那么这似乎不起作用。谢谢你的帮助，我很感激