Question

在做出一些改变后突然间我的引导下拉不起作用。我不认为我甚至触及了它的代码。我使用cdn作为我的包含但不是新的。

尝试点击Jobber导航按钮： 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>

Answer 1

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

.navbar {
   overflow: hidden; /* remove this and it should come up.*/
}

Answer 2

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

Bootstrap下拉列表无法正常工作

2 个答案: