<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>下拉框</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css">
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="jquery/jquery-3.4.1.min.js"></script>
</head>
<body>
<div class="container">
<div class="dropdown">
<table class=" table-striped table-condensed table-hover"style="margin-right: 0px">
<thead>
<tr>
<td><span style="font-size: 18px">一个学校管理界面</span></td>
<td><button class="btn btn-group">学生管理</button></td>
<td><button class="btn">教师管理</button></td>
<td><button class="btn" data-toggle="dropdown">其他管理▼</button>
<ul class="dropdown-menu" style="margin-left: 340px;margin-top: -245px">
<li>其他1</li>
<li>其他2</li>
<li>其他3</li>
</ul></td>
</tr>
</thead>
</table>
<table class="table">
<tr>
<td>学院</td>
<td>人数</td>
<td>班级数</td>
<td>教师数</td>
<td>管理</td>
</tr>
<tr>
<td>电信</td>
<td>200</td>
<td>8</td>
<td>20</td>
<td><button class="btn btn-danger">删除</button><button class="btn" style="background-color: white;border: 1px solid darkgray">修改</button><button class="btn btn-primary">编辑</button></td>
</tr>
<tr>
<td>经管</td>
<td>220</td>
<td>10</td>
<td>25</td>
<td><button class="btn btn-danger">删除</button><button class="btn" style="background-color: white;border: 1px solid darkgray">修改</button><button class="btn btn-primary">编辑</button></td>
</tr>
<tr>
<td>国交</td>
<td>180</td>
<td>9</td>
<td>18</td>
<td><button class="btn btn-danger">删除</button><button class="btn" style="background-color: white;border: 1px solid darkgray">修改</button><button class="btn btn-primary">编辑</button></td>
</tr>
<tr>
<td>智汽</td>
<td>240</td>
<td>10</td>
<td>24</td>
<td><button class="btn btn-danger">删除</button><button class="btn" style="background-color: white;border: 1px solid darkgray">修改</button><button class="btn btn-primary">编辑</button></td>
</tr>
</table>
</div>
</div>
</body>
</html>
09-03
07-26
1383
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)