Javascript 我的切换按钮导航栏没有响应
当我点击小尺寸切换按钮时,它既不工作也不响应。这里有什么问题?我尝试了一些解决办法,但失败了Javascript 我的切换按钮导航栏没有响应,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,当我点击小尺寸切换按钮时,它既不工作也不响应。这里有什么问题?我尝试了一些解决办法,但失败了 <html> <head> <link rel="stylesheet" href="bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" type="text/css"> </head> <body style="background-color:darkslategrey">
<html>
<head>
<link rel="stylesheet" href="bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" type="text/css">
</head>
<body style="background-color:darkslategrey">
<!--navbar-->
<nav class="navbar navbar-toggleable navbar-light bg-faded">
<!--intro navbar-->
<button type="button" class="navbar-toggler navbar-toggler-icon navbar-toggler-right collapsed" data-toggle="collapse" data-target="#menu"><!--responsive collapse menu--></button>
<span class="navbar-brand-icon">Bootstrap</span>
<!--navbar logo-->
<div class="collapse navbar-collapse" id="menu">
<!--in the item-->
<ul class="nav navbar-nav">
<li class="nav-item active"><a href="" class="nav-link">Home</a></li>
<li class="nav-item"><a href="" class="nav-link">About us</a></li>
<li class="nav-item"><a href="" class="nav-link">Services</a></li>
</ul>
</div>
</nav>
<!--header-->
<div class="container">
<div class="header-page">
<div class="lead">
<h1>Welcome in Helper Classes</h1>
</div>
<hr>
<script src="bootstrap-4.0.0-alpha.6-dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
</body>
</html>
如中所示,您需要加载一些额外的脚本才能启动
独自创立
欢迎参加助手课程
检查控制台是否有错误?是否包含jQuery和bootstrap js?我想说,将jQuery脚本放在bootstrap之前。jsbootstrap js在其中使用jQuery。在bootstrap js之前加载jquery我担心接下来会有人来回答我的评论这不是在页面/文档顶部加载所有js文件的好方法,这对SEO和降低页面加载速度都是不好的做法。