如何使用Bootstrap將我的徽標垂直居中？

Question

我在http://listingnaples.com/有一個徽標，我試圖垂直居中徽標。

我已經加入：

display: inline-block; 
vertical-align: middle; 

它仍然在導航欄坐低。

Answer 1

將圖像的樣式更改爲垂直變換並從父定位標記中移除填充。

img { 
    top: 50%; 
    transform: translateY(-50%); 
    position: relative; 
} 

.navbar-brand { 
    padding: 0; 
}