Bootstrap切换按钮在折叠时不起作用

时间:2018-06-22 18:20:10

标签: css twitter-bootstrap

我正在使用bootstrap 3导航栏功能。导航栏未折叠时工作正常,但是当导航栏折叠时,该按钮完全不工作并且不显示菜单选项。我真的不明白是什么引起了这个问题。我试图弄清楚,但找不到任何解决方案。任何帮助将不胜感激。当我使用计算机路径引用引导文件时,切换按钮不起作用,但是当我使用网址时,它起作用。有人可以帮我吗

<!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>

0 个答案:

没有答案