bootstrap下拉菜单实现不了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>项目展示页</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--控制编码，ie8，和页面初始化-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
社团活动
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">社团排名</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">社团活动</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">网上报名</a></li>
</ul>
</div>
</body>
<html lang="zh-CN">
<head>
<title>项目展示页</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--控制编码，ie8，和页面初始化-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
</head>
<body>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
社团活动
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">社团排名</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">社团活动</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">网上报名</a></li>
</ul>
</div>
</body>
4 个回复
wuyufanzhou
赞同来自:
zhoumeng780
赞同来自:
夏天的风旧回忆
赞同来自:
笑熬浆壶 - 布局不写代码 www.layoutit.cn
赞同来自: