<分区>
我试图在我的 NAV 中创建一个链接,以便在悬停或单击它时生成一个下拉菜单 (class="dropdown-menu")。
以下代码在单击或悬停时不会生成下拉菜单。我确保 Bootstrap CDN 正确加载。
下面的代码有什么问题?
<li><a href="createTeam.php"><img width='20' src='./icons/pencil.png'>הקמת צוות שיפור</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>דוחות</a>
<ul class="dropdown-menu">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
最佳答案
请将此代码用于 Bootstrap 下拉列表
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</div>
</body>
</html>
关于css - Link DropDown Bootstrap 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34722200/