我有以下 Bootstrap 导航栏片段。它没有正确呈现并且没有响应。
如何在调整浏览器大小时、放大或缩小浏览器以及缩小浏览器大小时使其响应？
当我点击导航栏按钮时，它不起作用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="stylesheet" href="http://www.w3schools.com/w3css/w3.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-default navbar-static-top">
<div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/homepage/index"><img src="https://s3-ap-southeast-1.amazonaws.com/elasticbeanstalk-ap-southeast-1-419372602220/Customer_Banner+(2).jpg" height="50px"></a>
<div class="navbar-collapse navbar-responsive-collapse collapse" style="height: 0.571428596973419px;">
<ul class="nav navbar-nav navbar-right">
<li><a href="/admins/sign_in">Sign In</a></li>
<li><a href="http://workpro.co.in" target="_blank">WorkPro</a></li>
<!-- <li><a href="WorkPro.co.in">WorkPro</a></li> -->
</ul>
</div>
</div>
</div>
</body>
</html>
最佳答案
您忘记包含 bootstrap.js:
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
oraz jquery:
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
关于html - Bootstrap 导航栏未正确显示导航栏。并且没有反应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32497204/