Как можно вертикально центрировать мой логотип с помощью 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; 
}