作业1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="./bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form action="#">
<div class="form-group">
<label for="name">用户名:</label>
<input type="text" class="form-control" id="name">
</div>
<div class="form-group">
<label for="age">密码:</label>
<input type="text" class="form-control" id="age">
</div>
<div>
<button class="btn btn-primary">登陆</button>
</div>
</form>
</div>
</body>
</html>
作业2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="./bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
<script src="./jquery-3.4.1.min.js"></script>
<script src="./bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div class="container">
<div>
<table class="table table-striped table-hover table-bordered">
<thead class="">
<tr>
<th>一个学院管理界面</th>
<th>学员管理</th>
<th>教师管理</th>
<th class="dropdown-toggle">
<div class="dropdown">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"
style="border: none;background-color: transparent;outline: none; ">其他管理</button>
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li>
<a href="#">其他管理1</a>
</li>
<li>
<a href="#">其他管理2</a>
</li>
<li>
<a href="#">其他管理3</a>
</li>
</ul>
</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="container">
<table class="table table-striped table-hover table-bordered">
<thead class="">
<tr>
<th>学号</th>
<th>姓名</th>
<th>年级</th>
<th>学院</th>
<th>管理</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>李子鸣</td>
<td>102</td>
<td>xx学院</td>
<td>
<button class="btn btn-danger">删除</button>
<button class="btn">修改</button>
<button class="btn btn-primary">编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子鸣</td>
<td>102</td>
<td>xx学院</td>
<td>
<button class="btn btn-danger">删除</button>
<button class="btn">修改</button>
<button class="btn btn-primary">编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子鸣</td>
<td>102</td>
<td>xx学院</td>
<td>
<button class="btn btn-danger">删除</button>
<button class="btn">修改</button>
<button class="btn btn-primary">编辑</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子鸣</td>
<td>102</td>
<td>xx学院</td>
<td>
<button class="btn btn-danger">删除</button>
<button class="btn">修改</button>
<button class="btn btn-primary">编辑</button>
</td>
</tr>
</tbody>
</div>
</div>
</body>
</html>