Flexbox＆bootstrap on mobile - 對齊項目出現問題：中心

Question

這裏是bootply：https://www.bootply.com/kmfYqoCCLf 在兩行中會出現黑色邊框頂部1px實體，問題在於div的高度不一樣，所以它們不會創建一條「一條線」。我怎樣才能使邊界的div高度一致並居中？ 我試過flexbox，但可能出錯了。它只適用於以下情況：

.line { 
    align-items: inherit; 
} 

但在這種情況下，div的內容不在中間。

謝謝你幫我出 卡羅利納

Answer 1

Finaly，發現它自己：

.line { 
    align-items: inherit; 
} 

.line > div { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}