/ / menu déroulant code d'amorçage - CSS, HTML5, JQuery-ui, CSS3, Twitter-Bootstrap

menu déroulant code bootstrap - css, html5, jquery-ui, css3, twitter-bootstrap

Je travaille sur le site internet de Twitter bootstrap en utilisant cet exemple pour développer mon site http://twitter.github.com/bootstrap/examples/hero.html mais le problème est quand je réduis la taille de mon navigateur, je vois l'icône du menu mais quand je clique dessus je ne vois pas le menu déroulant comment le réparer fournir mon code ci-dessous

http://jsfiddle.net/LCJ2V/

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

Réponses:

0 pour la réponse № 1

Un problème est que, en fonction du code de votre jsfiddle, vous ne chargez pas correctement les ressources externes.

Pour les fichiers .js boostrap, essayez ceci:

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>

Un autre problème est que jsfiddle "s .window_label L'élément couvre le coin supérieur droit de la barre de navigation. L’utilisation de l’inspecteur html est un moyen de s’en débarrasser à l’aide de Google Chrome. et supprimez le .window_label noeud pour une vue non encombrée du bouton de la barre de navigation.