Closed. This question is off-topic。它当前不接受答案。
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
在10个月前关闭。
我尝试制作下拉导航栏。我使用bootstrap-3.3.7。我正在阅读w3school的教程。但是我的下拉菜单有问题。当我单击“关于”时,它没有出现在列表中。
这是我的代码
想改善这个问题吗? Update the question,所以它是on-topic,用于堆栈溢出。
在10个月前关闭。
我尝试制作下拉导航栏。我使用bootstrap-3.3.7。我正在阅读w3school的教程。但是我的下拉菜单有问题。当我单击“关于”时,它没有出现在列表中。
这是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" datatoggle="dropdown" href="#">About
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Page 1-1</a></li>
<li><a href="#">Page 1-2</a></li>
<li><a href="#">Page 1-3</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contract</a></li>
</ul>
</div>
</nav>
</div>
</body>
</html>
最佳答案
在检查您的代码时,我发现有一个语法错误,这就是为什么您的下拉列表在标签中不起作用的原因,您使用的是datatoggle =“ dropdown”语法,而正确的语法是data-toggle =“ dropdown”,因此请使用'-'在datatoggle和您的问题之间解决。