中心对齐引导导航按钮

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