Логотип в Navbar не центрирован

Question

Я столкнулся с проблемой, когда логотип в середине моего навигатора не выровнен по центру. Вот мой jsfiddle: https://jsfiddle.net/8zekvxqz/

#navbar-primary .navbar-nav { 
    width: 100%; 
    text-align: center; 
} 

#navbar-primary .navbar-nav > li { 
    display: inline-block; 
    float: none; 
} 

#navbar-primary .navbar-nav > li > a > img{ 
    display: inline-block; 
    float: none; 
} 

#navbar-primary .navbar-nav > li > a { 
    color: green; 
    font-size: 2em; 
    font-family: 'Holtwood One SC', serif; 
} 

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

Большое спасибо за помощь.

Answer 1

Если Вы желаете изображение между Меню и О нас, то вам нужно удалить display:inline-block; из #navbar-primary .navbar-nav > li.

Answer 2

попробовать это:

#navbar-primary .navbar-nav ul{ 
    list-style-type: none; 
    text-align: center; 
} 
#navbar-primary .navbar-nav > li { 
    display: inline-block; 
} 

Я считаю, переориентация изображения является избыточным:

#navbar-primary .navbar-nav > li > a > img{ 
    display: inline-block; 
    float: none; 
}