<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--支持移动设备优先-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--引入css文件-->
<link rel="stylesheet" href="https://www.ctyun.cn/portal/link.html?target=bootstrap%2Fcss%2Fbootstrap.css">
<!--引入bootstrap.js之前一定要先引入jQuery.js文件-->
<script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
<div class="container">
<!--下拉菜单 按钮+无序列表来实现，但这些内容都应该放置了个div里面-->
<div class="dropdown">
<!--按钮-->
<button class="btn btn-success" data-toggle="dropdown">PHP基础课程班
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">基础班</li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">HTML</a></li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">CSS</a></li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">JavaScript</a></li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">Bootstrap</a></li>
<!--<li class="dropdown-header">就业班</li>-->
<li class="divider"></li>
<!--li*4>a-->
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">PHP</a></li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">MYSQL</a></li>
<li><a href="https://www.ctyun.cn/portal/link.html?target=%23">jQuery</a></li>
<li class="disabled"><a href="https://www.ctyun.cn/portal/link.html?target=%23">java</a></li>
</ul>
</div>
</div>
</body>
</html>
