错误项目下的引导导航下拉菜单答案

【问题标题】：Bootstrap nav dropdown under wrong item错误项目下的引导导航下拉菜单
【发布时间】：2013-05-03 05:54:08
【问题描述】：

好的，正如所问，这是我重新格式化的问题：

我正在使用引导程序。我的导航栏有一个下拉菜单。但是下拉菜单出现在错误的导航项下。

这仅发生在我在 2010 MacPro OSX 10.8.3 上的 FireFox 20.0 上

它确实适用于其他浏览器（Chrome 和 Safari）

这里有一些链接。最右侧的导航项（区域工具）应该有下拉菜单。

仅图像： tinypic.com/r/e0kqp/5

代码放在这里。有点时髦，因为我试图将它剥离到导航栏，但你会明白要点的。

http://bootply.com/61045

我有更多链接，但到目前为止我一次最多只能输入两个。

谢谢大家。

【问题讨论】：

您能否更具体地说明问题。哪个浏览器？你在调整浏览器的大小吗？我查看了“ztest.html”，它似乎按预期工作。
嘿 Skelly，感谢您查看。我实际上并没有在多个浏览器上尝试它，因为我使用的第一个它不起作用，所以我没有费心去检查它是否在其他浏览器上工作。 waddaya 知道，可以在我的 ipad 上横向使用。 Anyhoo - Mac Firefox 最新版本不适合我。窗口大小已满，所以不是窗口太小。不要认为太大应该对一个重要。再次感谢您！
如果您需要有关 SO 的帮助，您应该更新您的问题以更具体。包括有关它如何在 FF 中不起作用以及您尝试过的详细信息。 jsFiddle 或 bootply.com（Bootstrap 游乐场）有助于展示您尝试过的内容以及以特定方式不起作用的内容！

标签： css twitter-bootstrap drop-down-menu

【解决方案1】：

看起来问题出在你的 CSS 中..

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

  .navbar .nav ul li {
    display: table-row;
    width: 1%;
    float: none;
    font-size: 13px;
  }

当您删除它时，它会起作用，但您需要找出另一种方法来使您的导航项目居中。 http://bootply.com/61059

附： - 您不需要在 Bootply 中包含 Bootstrap 脚本。

【讨论】：