正如标题所暗示的那样，我正在努力获得正常<table>提供的均匀性和简洁线条，但具有Bootstrap网格系统的响应能力。我使用了部分解决方案found here ，以使列与彼此的高度相匹配。
这是my layout in JSFiddle（大致）。蓝色边框用于显示相同高度的列。
问题是，内部div与高度不匹配。右边的部分将是一个聊天室，所以textarea是一个固定的高度，以及标题，所以我试图让消息区占据额外的高度。我似乎无法让display:flex在那里工作。
我不介意解决方案是在Javascript还是CSS中，只要它是响应的。
另外，如果您认为我应该将列设置为具有内部divs的样式并为它们添加边距，则它似乎不起作用。感谢您的帮助，我很感激！