错误项目下的Bootstrap导航下拉列表

时间:2013-05-08 21:07:15

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

好的,如所问,这是我重新格式化的问题:

我正在使用bootstrap。我的导航栏有一个下拉列表。但是下拉列表出现在错误的导航项目下。

这只适用于2010年MacPro OSX 10.8.3上的FireFox 20.0

它适用于其他浏览器(Chrome和Safari)

以下是一些链接。最右侧的导航项(区域工具)应该有下拉列表。

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

代码放在这里。有点时髦,因为我试图把它剥离到导航栏,但你会得到要点。

http://bootply.com/61045

我有更多链接,但到目前为止,我不能同时放两个以上。

谢谢大家。

1 个答案:

答案 0 :(得分:0)

看起来你的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

P.S。 - 您不需要在Bootply中包含Bootstrap脚本。