Question

这是我的源代码，我试图获得一个可折叠的导航栏。我已经包含了我的代码的基本版本，我有下载的bootstrap 3.0.1 dist文件夹，我的index.html在我的主机的dist文件夹中。我无法弄清楚错误

  <!DOCTYPE html>
    <html>

    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

     <link href = "css/bootstrap.min.css" rel = "stylesheet">
     <link href = "css/styles.css" rel = "stylesheet">
    <script src="http://d3js.org/d3.v3.min.js"></script>


    </head>

<body>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="js/bootstrap.js"></script>
   <div class = "navbar navbar-inverse navbar-static-top">



    <a href = "#" class = "navbar-brand">HomePage</a>



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



    <div class = "collapse navbar-collapse" id = "navHeaderCollapse">
        <ul class = "nav navbar-nav navbar-right">
        <li><a href="#">Home</a></li>
        </ul>
    </div>

   </div>

   </div>

     <h1> hello world</h1>


</body>
</html>

Bootstrap 3.0.1折叠导航栏无法正常工作

0 个答案: