0

在进行一些更改后突然间，我的引导下拉菜单无法正常工作。我认为我什至没有触及它的代码。我正在为我的包含使用cdn，但这不是新的。

尝试单击 Jobber Nav 按钮： http: //www.development.johndayers.com/p/#

CSS：

    <link rel="stylesheet" type="text/css" media="all" href="//cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" media="all" href="//cdnjs.cloudflare.com/ajax/libs/webfont/1.3.0/webfont.js" />
    <link rel="stylesheet" type="text/css" media="all" href="css/main.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

JavaScript：

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/slidesjs/3.0/jquery.slides.min.js"></script>
4

2 回答 2

2

它确实出现了。只是它被隐藏了，因为溢出在您的容器 div 中被抑制：<div class="navbar navbar-inverse">。

.navbar {
   overflow: hidden; /* remove this and it should come up.*/
}
于 2013-06-04T18:48:38.463 回答
0

添加overflow: visible !important到.container. 您的main.css文件适用overflow: hidden;于.container. Twitter Bootstrap 旨在包含.container所有内容，而不仅仅是您拥有的标题。

于 2013-06-04T18:49:19.780 回答