中心對齊自舉導航按鈕

Question

我有我的導航按鈕，我想中心對齊他們的方式，當縮小瀏覽器時，按鈕應該縮小，而不是移動到一個新的行。我嘗試了各種各樣的東西，但沒有成功。任何幫助將不勝感激。

我已經提供了下面的jsfiddle。

.navbar .navbar-nav { 
    display: inline-block; 
    float: none; 
} 

JsFiddle

Answer 1

我認爲這是你在找什麼......您可能需要切換.navbar的身邊，我不知道你想要什麼樣的順序他們進來。

.navbar .navbar-nav { 
display: inline-block; 
float: none; 
} 

.navbar { 
width: 235px; 
padding-left:30px 
} 

.navbar-nav { 
float: center; 
width: 235px; 
margin: 0; 
padding: 0; 
}