Css 引导切换按钮在折叠上不起作用

Css 引导切换按钮在折叠上不起作用,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在使用Bootstrap3导航栏功能。导航栏在未折叠时工作正常,但当nabar折叠时,按钮根本不工作且不显示菜单选项。我真的不明白是什么导致了这个问题。我试着弄明白,但找不到任何解决办法。任何帮助都将不胜感激。当我使用计算机路径引用引导文件时,切换按钮不起作用,但当我使用网址时,它起作用。谁能帮我一下吗 <!DOCTYPE html> <html lang="en"> <head> <title> Jobs 4 U </title>

我正在使用Bootstrap3导航栏功能。导航栏在未折叠时工作正常,但当nabar折叠时,按钮根本不工作且不显示菜单选项。我真的不明白是什么导致了这个问题。我试着弄明白,但找不到任何解决办法。任何帮助都将不胜感激。当我使用计算机路径引用引导文件时,切换按钮不起作用,但当我使用网址时,它起作用。谁能帮我一下吗

<!DOCTYPE html>

<html lang="en">
<head>
<title>
Jobs 4 U
</title>
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <script type="text/javscript" src="jquery-1.11.3.min.js"></script>
  <script type="text/javscript" src="bootstrap/js/bootstrap.min.js"></script>
<style type="text/css">
.mt-top{
margin-top:75px;
}
.mt-top1{
    margin-top:325px;
}
.vertical-center-row{
    display:table-cell;
    vertical-align: middle;
}
.colht1{
height:100px;
border: 5px solid yellow;
}
.navbar-custom {
    background-color:#ffffff;
    color:#ffffff;
    border-radius:0;
    padding:10px;
}
.ht{
    height:300px;
}
h2,h3{
text-align: center;
}
sup{
    color:red;
}
.bck{
background-image: url('images/job_index.jpg');
background-repeat:no-repeat;
background-size: cover;
height:600px;

}
.abtpad{
    padding:5px;
    margin-bottom:10px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
  <div class="container">
    <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="index.php">Jobs 4u</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="index.php">Home</a></li>
        <li class=""><a href="aboutus.php">How it Works</a></li>
        <li class="">
        <a class="" href="JobSeeker.php">Jobseeker</a>
        </li>
        <li class="">
        <a class="" href="Employer.php">Employer</a>
        </li>
        <li class="">
        <a class="" href="contactus.php">Contact</a>
        </li>
      </ul>



    </div>
  </div>
</nav>
</body>
</html>

就业4 U
山顶{
边缘顶部:75px;
}
.mt-top1{
边缘顶部:325px;
}
.垂直中心行{
显示:表格单元格;
垂直对齐:中间对齐;
}
.colht1{
高度:100px;
边框:5px纯黄色;
}
.导航栏海关{
背景色:#ffffff;
颜色:#ffffff;
边界半径:0;
填充:10px;
}
.ht{
高度:300px;
}
h2,h3{
文本对齐:居中;
}
苏普{
颜色:红色;
}
bck先生{
背景图片:url('images/job_index.jpg');
背景重复:无重复;
背景尺寸:封面;
高度:600px;
}
.abtpad{
填充物:5px;
边缘底部:10px;
}

您在这里介绍的代码没有问题。您是否验证了jQuery和Bootstrap的路径是否正确?路径是否正确当我使用计算机路径时,切换按钮不起作用,但当我提供网址时,请帮助解决方案很简单:您使用的本地路径是错误的。再次检查您链接的层次结构是否正确。您的引导资产是否位于名为
bootstrap
的文件夹中,位于名为
css
js
的子文件夹中?jQuery是否与HTML文件位于同一文件夹中?