css - Bootstrap 狭窄的营销+合理的导航？

Question

我正在尝试将 Bootstrap 的狭义营销示例与合理的导航示例一起使用。

但是，我在尝试使用 justified nav 模板创建 Dropbox 时遇到了一些问题。从标题中选择“下载”，表格样式是错误的，我相信这是因为display: table-cell;但当然如果你删除它会搞砸。

我想出了这个

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