Bootstrap responsive navbar ne s'effondre pas

Ok donc je vais prendre ce presque directement à partir de la documentation et rien ne semble fonctionner (je suis actuellement en train de ripper leur code html directement au lieu de simplement l'exemple).

Tout d'abord, ma section de la tête, où le "modèle" des fichiers sont mes fichiers personnalisés:

<head>
<title>Hello World</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/assets/responsive_template/css/bootstrap.css" rel="stylesheet">
<link href="/assets/responsive_template/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/assets/responsive_template/css/template.css" rel="stylesheet">

<script src="/assets/responsive_template/js/jquery.js"></script>
<script src="/assets/responsive_template/js/jquery-ui-1.10.0.min.js"></script>
<script src="/assets/responsive_template/js/bootstrap.js"></script>
<script src="/assets/responsive_template/js/template.js"></script>
</head>

Maintenant la réelle barre de navigation de l'article:

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <a href="#" class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Prototype</a>
            <div class="nav-collapse collapse navbar-responsive-collapse">
                <ul class="nav">
                    <li><a id="back-button" href="#">Back</a></li>
                    <li><a id="submit-button" href="#">Submit</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

Cependant l'exécution de ce rien ne s'effondre... il faut juste faire jusqu'à trois lignes de haut sur mon iPhone. Je ne vois pas les erreurs via chrome console lors de son ci-dessous 940px soit... des idées?

Ce serait formidable , si vous pouvez créer une page de test . Trouver des réponses et aider devient plus facile avec des pages de test

OriginalL'auteur Msencenb | 2013-02-14

  1. 6

    Voici le Jsfiddle j'ai créé pour vous - http://jsfiddle.net/shail/F4NfT/10/ de Travail ! 

    <head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
</head>

    <div class="navbar">
<div class="navbar-inner">
<div class="container">

<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<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>

<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" href="#">Project name</a>

<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->
</div>

</div>
</div>
</div>
    Hmm, je ne peux toujours pas obtenir cette localement mais même dans ce violon la liste déroulante lui-même ne fonctionne pas jsfiddle.net/SQLP4
    Ami , je n'ai pas inséré les éléments de menu ... mis à jour avec les éléments de menu ... vérifiez à nouveau son travail
    Merci, j'ai remarqué de votre violon que vous avez été en utilisant 2.3.0... il semble que j'ai eu une copie de bootstrap 2.2.0 et a essayé de l'utiliser 2.3.0 syntaxe!
    l'ajout de " nav-effondrement effondrement semble juste pour masquer la valeur liquidative pour moi? (bootstrap 3)

    OriginalL'auteur Shail