Navbar崩溃不工作 - Bootstrap + Github

所以这是我第三次从我的repo中抹去一切干净，并从头开始，因为这个问题..我不熟悉js或jquery，所以很多这样已经过了我的脑海，只希望能够发挥它的作用。我从bootstrap复制了主题，并且它在第一时间工作正常。我添加了“reportcard.js”功能，并且nav-collapse菜单停止工作。Navbar崩溃不工作 - Bootstrap + Github

这里是我的github阿迪 - https://github.com/twotimes22/twotimes22.github.io 网站是活在www.thomasweld.com

这里是我的代码了通过导航

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="../../favicon.ico"> 

    <title>Thomas Weld | Developer + Marketer</title> 

    <!-- Bootstrap core CSS --> 
    <link href="/css/bootstrap.min.css" rel="stylesheet"> 
    <!-- Bootstrap theme --> 
    <link href="/css/bootstrap-theme.min.css" rel="stylesheet"> 

    <!-- Custom styles for this template --> 
    <link href="theme.css" rel="stylesheet"> 

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> 
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> 
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 

    <!--Report Card CSS--> 
    <link rel="stylesheet" href="/js/reportcard/css/badges.css"> 

    </head> 

    <body role="document"> 

    <!-- Fixed navbar --> 
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     <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">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Bootstrap theme</a> 
     </div> 
     <div id="navbar" class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li 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>

来源

2014-10-30 ThomasWeld

http://reportcard.rileyh.com/instructions.html – 2014-10-30 18:24:40

您还没有列入bootstrap.js你的文件。它有使其工作的代码。

来源

2014-10-30 17:45:33 Rohan

它包含在底部https://github.com/twotimes22/twotimes22.github.io/blob/master/index.html – 2014-10-30 18:15:02

如果我去到您的网站“www.thomasweld.com”在Chrome上，并打开开发工具 - >控制台（F12），看起来您的依赖不能正确加载。你应该仔细检查这些路径。 – Will 2014-10-30 18:33:22

同意@威尔路径对我来说也没有任何意义。 – Rohan 2014-10-30 19:43:16

Navbar崩溃不工作 - Bootstrap + Github

回答

相关问题