Navbarのロゴが中央に配置されていません

Question

Navbarの中央にあるロゴが中央に配置されていない問題が発生しています。ここに私の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

あなたは私たちについてメニューとの間で画像を希望しているなら、あなたは#navbar-primary .navbar-nav > liからdisplay:inline-block;を削除する必要があります。

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; 
}