我的引导导航栏按钮不起作用

Question

我的导航栏按钮有问题，当我的导航栏折叠时它应该可以工作。我做了很少的研究，我什么也没做......

    <nav class="navbar navbar-default navbar-static-top">

        <div id="Titre">
                <span><a id="titre_accueil" href="Accueil.html">Les Centres Canins Athena Inc.</a></span> 
            </div>

        <div class="container">

            <button type="button" class="navbar-toggle" data-toggle="collaspe" data-target=".collapse navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <div class="collapse navbar-collapse" id="ListeDesChoix">
                <ul class="nav navbar-nav">
                    <li class="Item1"><a href="./Accueil.html">Accueil</a></li>
                    <li class="Item1"><a href="./entreprise.html">Garderie</a></li>
                    <li class="Item1"><a href="./Nos%20Produits.html">Boutique</a></li>
                    <li class="Item1"><a href="./Choix%20cours.html">Formations</a></li>
                    <li class="Item1"><a href="./Nos%20Services.html">Services</a></li>
                    <li class="Item1"><a href="./Nous%20Joindre.html">Nous Joindre</a></li>
                    <li class="Item1"><a href="./Homepage.html">English</a></li>
                </ul>
            </div>

        </div>
    </nav>

Answer 1

您的代码中有错字：

data-toggle="collaspe"

假设 jQuery 和 Bootstrap 已正确加载，更正此问题应该可以解决问题：

data-toggle="collapse"