垂直单元格与引导程序4对齐

Question

我正在创建一个管理页面，该页面查询并报告站点（着陆等）的关键页面的页面权重

随着Bootstrap 4的临近，我用它创建了一个布局，对此我很满意。但是，对于每一行，单元格中的文本都不是垂直对齐的。我可以用做一个简单的右对齐

.cell { text-align: right; }

但我也想垂直对齐。我相信Bootstrap 4正在使用flexbox。有没有一些方法可以使用flex在单元格中进行垂直文本对齐？我的例子在CodePen 上

它们已经对齐，是按钮内部的填充使文本在第二列不对齐。

将以下css添加到第二列文本：

padding: .375rem 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
vertical-align: middle;