中心对齐自举导航按钮

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