Bootstrap狭窄的营销+对齐的导航？

Question

我正在尝试使用Bootstrap的narrow marketing example和justified nav example。

但是我尝试使用合理的导航模板创建Dropbox时遇到了一些问题。从标题中选择“下载”，表格样式错误我相信这是因为display: table-cell;，但当然，如果您删除它，它会混乱起来。

I've come up with this

Answer 1

只要改变

.navbar .nav li { 
    display: table-cell; 
    width: 1%; 
    float: none; 
} 

与

.navbar .nav > li { 
    display: table-cell; 
    width: 1%; 
    float: none; 
} 

每个子菜单的项目将是一条直线。这样，您只会将这三条规则应用到.nav类的直接li孩子，而不是其他li元素。

结果：JsFiddle