изображение центрируется по вертикали в div

Привет. Я использую начальную загрузку. И у меня есть этот код:

 <nav class="navbar navbar-default">


<div class="container-fluid">


<div class="navbar-header">


<a class="navbar-brand" href="#">


<img alt="Бренд" src="images/logo.png">


</a>


</div>


</div>


</nav>

HTML: это пример начальной загрузки. http://getbootstrap.com/components/#navbar-brand-image

В этом примере изображение центрируется по вертикали на панели навигации. Но когда я использую этот код, мое изображение не центрируется по вертикали. Может ли кто-нибудь мне помочь? есть ли какие-то особые соображения по поводу изображения?

В примере изображение бренда определенно слева… если только вы не смотрите на что-то другое. В любом случае попробуйте это: .navbar { положение: относительное; } .navbar-бренд { позиция: абсолютная; слева: 50%; Margin-left:-50px!important;/* 50% ширины вашего логотипа */ дисплей: блок; }