導航欄中的徽標未居中

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

如果你想菜單和關於我們之間的圖像，那麼你需要從#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; 
}