Центр выравнивания кнопок начальной загрузки

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