Jquery 内容增加时的设计问题

我在bootstrap中进行了设计，内容的数量增加了设计中断。在设计中，内容和名称等会话的大小（高度）将相等。这意味着，如果内容部分增加（高度），则名称部分（高度）也将增加。 请帮我解决这个问题

[demo](http://codepen.io/AbhishekNayar/pen/QELEQR)

使用以下命令：

.row.pd11 {
    display: flex;
}

---

始终在问题本身中发布相关代码。我已将codepen链接附加到问题。关键点在问题本身中。这就是为什么苏不让你发布原始链接的原因。理想情况下，使用堆栈代码段（工具栏按钮）作为现场可运行的示例。但是，当我使用该工具栏时，我无法向您显示正确的设计代码笔提供了正确的设计。它成功了。！谢谢：-）