Bootstrap image logo в середине navbar

Question

Я пытаюсь сделать навигационную панель с логотипом посередине, но это не сработает. Вот мой код:

'http://codepen.io/magg1e/pen/PZwyOp' 

Любые предложения? Или, может быть, есть лучший способ сделать это?

Answer 1

Bootstrap set img как элементы блока, поэтому они не центрированы по умолчанию по умолчанию inline. Добавьте это:

.navbar-brand > img{ 
    display: inline; 
} 

Демо: http://codepen.io/anon/pen/KVwGrx