如何在CSS中水平导航栏？

Question

我的导航栏垂直对齐，我无法以水平方式对齐。谢谢

.navbar .navbar-nav { 
    display: inline-block; 
    float: none; 
    vertical-align: top; 
    list-style-type: none; 
} 

.navbar .navbar-collapse { 
    text-align: center; 
} 

Answer 1

很难直观地看到垂直和水平对齐的导航栏。但是，如果这些元素彼此旁边，你必须让他们既

display: inline-block; 

而且给他们俩的宽度，即width: 50%;

如果一个高于另外一个，那么你可以使用这两个文本对齐。

你有screencap或jsfiddle吗？然后我可以帮助你更多。