与引导4

Question

我创建一个管理页面，查询然后在关键页面的页面权重网站报道（着陆，等等）垂直单元格对齐方式

自举4接近，我已经用它创建一个布局，我很满意。但是，对于每一行，单元格中的文本不是垂直对齐的。我可以做一个简单的右对齐：

.cell { text-align: right; } 

但我想垂直对齐以及。我相信Bootstrap 4正在使用flexbox。有没有办法使用flex在单元格中进行垂直文本对齐？我的例子在这里CodePen

Answer 1

它们已经对齐，它是填充内部按钮，使文本不对齐的第二列w.r.t.第一。

附加follwing CSS来第二列文本：

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