與引導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;