Le menu déroulant Bootstrap ne fonctionne pas

Tout d'un coup, après un changement, mes listes déroulantes ne fonctionnent pas. Je ne pense pas que j'ai même touché le code pour cela. J'utilise cdn pour mes inclusions mais ce n'est pas nouveau.Le menu déroulant Bootstrap ne fonctionne pas

Cliques le bouton 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>

Source

2013-06-04 John Ayers

Il ne semble. Juste que c'est caché comme débordement est supprimé dans votre conteneur div: <div class="navbar navbar-inverse">.

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

Source

2013-06-04 18:48:38 PSL

Cela fonctionne. Je n'ai aucune idée de ce que je pensais quand j'ai ajouté cette ligne. Je dois avoir voulu dire un sélecteur différent. Merci pour l'aide et désolé pour mon incompétence. –

@JohnAyers pas de soucis. Ca arrive :) – PSL

Ajouter overflow: visible !important-.container. Votre fichier main.css s'applique overflow: hidden; à .container. Twitter Bootstrap est conçu pour avoir .container autour de tout le contenu, et pas seulement l'en-tête que vous avez.

Source

2013-06-04 18:49:19 Mooseman

Merci pour le commentaire. Cela fonctionnerait aussi bien si je n'avais pas ajouté une ligne ridicule à mon code. –

Le menu déroulant Bootstrap ne fonctionne pas

Répondre

Questions connexes