Bootstrap摺疊的Navbar按鈕不起作用

Question

我有兩個站點。 在第一，倒塌的導航欄的工作：（位於http://www.doca-rbz.de（索引網站））

<nav class="navbar navbar-inverse"> 
 
    <div class="container-fluid"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span>       
 
     </button> 
 
     <a class="navbar-brand" href="#">DoCa</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav"> 
 
     <li class="active"><a href="#">Startseite</a></li> 
 
     <li><a href="Kontakt.html">Kontakt</a></li> 
 
     <li><a href="Guestbook/index.php">G&auml;stebuch</a></li> 
 
     <li><a href="ueber_uns.html">&Uuml;ber uns</a></li> 
 
     <li><a href="Galerie.html">Galerie</a></li> 
 
     <li><a href="lieferer.html">Partner</a></li> 
 
     <li><a href="login.php">Intern</a></li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

在第二頁它不工作：（位於http://www.doca-rbz.de/new_hp（也索引網站））

<nav class="navbar navbar-inverse" role="navigation"> 
 
     <div class="container"> 
 
      <div class="navbar-header"> 
 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar"> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
       </button> 
 
       <a class="navbar-brand" href="/"><span> Sch&uuml;lercafe DoCa </span></a> 
 
      </div> 
 
      <div class="navbar-collapse collapse" id="myNavbar" aria-expanded="false"> 
 
       <ul class="navbar-nav nav"> 
 
        <li><a href="#">Startseite</a></li> 
 
        <li><a href="#">Kontakt</a></li> 
 
\t \t  <li><a href="#">G&auml;stebuch</a></li> 
 
\t \t  <li><a href="#">&Uuml;ber uns</a></li> 
 
\t \t  <li><a href="#">Galerie</a></li> 
 
\t \t  <li><a href="#">Partenr</a></li> 
 
       </ul> 
 
      </div> 
 
     </div> 
 
    </nav> 
 

 
    <div class="jumbotron text-center"> 
 
     <div class="container"> 
 
      <h1> Willkommen auf <span class="text-gold"> SERVERNAME </span></h1> 
 

 

 

 
    \t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div>

第二個爲什麼不起作用？

有關代碼中的一些詳細信息：

第一個代碼塊：

• 「手工」 - 我寫我自己
• 每次曾爲

二代碼塊：

• 從其他網站
• 下它是一個超大屏幕（引導）
• 從來不打
  按鈕現在打開，但不`噸再次關閉

Answer 1

複製看起來，你是不是正確將「bootstrap.js」添加到第二個網站。我會建議從那裏開始 - 如果不是，你可以請更新您的問題與您的瀏覽器中的控制檯或開發人員工具的錯誤形式？

更新

<nav class = "navbar navbar-default" role = "navigation"> 

    <div class = "navbar-header"> 
    <button type = "button" class = "navbar-toggle" 
     data-toggle = "collapse" data-target = "#example-navbar-collapse"> 
     <span class = "sr-only">Toggle navigation</span> 
     <span class = "icon-bar"></span> 
     <span class = "icon-bar"></span> 
     <span class = "icon-bar"></span> 
    </button> 
     <a class = "navbar-brand" href = "#">TutorialsPoint</a> 
    </div> 

    <div class = "collapse navbar-collapse" id = "example-navbar-collapse"> 
    <ul class = "nav navbar-nav"> 
     <li class = "active"><a href = "#">iOS</a></li> 
     <li><a href = "#">SVN</a></li> 

     <li class = "dropdown"> 
      <a href = "#" class = "dropdown-toggle" data-toggle = "dropdown"> 
      Java 
      <b class = "caret"></b> 
      </a> 

      <ul class = "dropdown-menu"> 
      <li><a href = "#">jmeter</a></li> 
      <li><a href = "#">EJB</a></li> 
      <li><a href = "#">Jasper Report</a></li> 

      <li class = "divider"></li> 
      <li><a href = "#">Separated link</a></li> 

      <li class = "divider"></li> 
      <li><a href = "#">One more separated link</a></li> 
      </ul> 

     </li> 
    </ul> 
    </div> 
</nav> 

這是應該如何設置 - 請試試這個，讓我知道，如果這對你的作品。