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

并且子菜单的每个项目都是一行。这样，您只会将这三个规则应用于li类的直接.nav子级，而不应用于其他li元素。

结果：JsFiddle