链接DropDown Bootstrap不工作 [英] Link DropDown Bootstrap wont work
本文介绍了链接DropDown Bootstrap不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在我的NAV中建立一个链接,以便在悬停或点击它时产生一个下拉菜单(类=下拉菜单)。
I'm trying to make a link in my NAV to produce a dropdown menu (class="dropdown-menu") when hovering or clicking it.
以下代码在单击或悬停时不会生成下拉菜单。
The following code doesn't produce a dropdown menu when clicked or hovered upon. I made sure the bootstrap CDN is loading properly.
下面的代码有什么问题?
What is wrong with the following code?
<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下拉菜单
Please use this code for Bootstrap Dropdown
<!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>
这篇关于链接DropDown Bootstrap不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文