Html 引导流体布局问题中的底部对齐栅格元素

我在一个线程中找到了一种在引导中底部对齐网格元素的方法：

最后一天，那个家伙说我可以这样做，并把它和小提琴联系起来

链接到小提琴：

我试过了，但我不知道我做错了什么，下面是我的代码：

HTML:

在这里，您可以在线查看，亲自查看问题：

多谢各位 致意 戈德曼

试试这个css：

.row.rowMidle {
  margin-top: 500px;
}

.row.rowMidle > div > div {
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
}

---

移除<代码>浮动：无来自

.rowMidle>*

可能重复的谢谢，它解决了部分问题，但底部的元素仍然没有对齐：(

.rowMidle > * {
    float: none;
    display: inline-block;
}
.rowMidle > *:last-child {
    vertical-align: bottom;
}

.row.rowMidle {
  margin-top: 500px;
}

.row.rowMidle > div > div {
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
}