如何使用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; 
}