Bootstrap导航栏崩溃不起作用

我找不到原因，当试图从Bootstrap使用导航栏按钮时，它不起作用。Bootstrap导航栏崩溃不起作用

我认为这与我的页面加载jQuery库或某事有关，但我不明白。

这是我的代码。我只会展示头部和导航栏部分，因为我相信问题存在的地方。其他一切都很简单HTML结构：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="initial-scale=1"> 
    <!--Boostrap jQuery--> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjsmfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
     crossorigin="anonymous"></script> 
    <!--Boostrap--> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
     crossorigin="anonymous"> 
    <!--Favicon--> 
    <link rel="icon" type="image/png" href="media/favicon-32x32.png" sizes="32x32" /> 
    <!--Mi CSS--> 
    <link rel="stylesheet" type="text/css" href="index.css"> 

    <!-- p5.js--> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script> 
    <script src="js/sketch.js" type="text/javascript"></script> 

    <title>Festival Sonorum</title> 
</head> 

<body> 
    <!-- navbar --> 
    <nav class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" 
        aria-controls="navbar"> 
      <span class="sr-only">Navegación</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
       <a class="navbar-brand" href="index.html">Festival Sonorum</a> 
      </div> 
      <div id="navbar" class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li><a href="programa.html">Programa</a></li> 
        <li><a href="#acerca">Acerca</a></li> 
        <li><a href="#contacto">Contacto</a></li> 
        <li><a href="#galeria">Galería</a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Artistas <span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
          <li><a href="#">Action</a></li> 
          <li><a href="#">Another action</a></li> 
          <li><a href="#">Something else here</a></li> 
          <li role="separator" class="divider"></li> 
          <li class="dropdown-header">Nav header</li> 
          <li><a href="#">Separated link</a></li> 
          <li><a href="#">One more separated link</a></li> 
         </ul> 
        </li> 
       </ul> 
      </div> 
      <!--/.nav-collapse --> 
     </div> 
    </nav> 
    <!--fin del navbar-->

我错过了什么吗？像加载一个库？

来源

2016-10-05 dawn

喜@dawn :)如果你发现我的答案有帮助，请[接受它与投了（https：//开头元.stackexchange.com/questions/5234/how-does-accepting-an-answer-work） –

... <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> ...

Bootstrap导航栏崩溃不起作用

回答

相关问题