<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="utf-8" />
<title>用户登录</title>
<link rel="stylesheet" href="css/style.css" />
<script src="js/bootstrap.min.js"></script>
<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
<style>
#from
{
background-color: #96b97d;
}
.mycenter
{
margin-top: 100px;
margin-left: auto;
margin-right: auto;
height: 350px;
width: 500px;
padding: 5%;
padding-left: 5%;
padding-right: 5%;
}
.mycenter mysign
{
width: 440px;
}
.mycenter input, checkbox, button
{
margin-top: 2%;
margin-left: 10%;
margin-right: 10%;
}
.mycheckbox
{
margin-top: 10px;
margin-left: 40px;
margin-bottom: 10px;
height: 10px;
}
</style>
<script type="text/javascript">
$(function () {
$('#btn').click(function (e) {
window.location.href = "main.aspx";
});
});
</script>
</head>
<body>
<form id="from">
<div class="mycenter">
<div class="mysign">
<div class="col-lg-11 text-center text-info">
<h2>
请登录</h2>
</div>
<div class="col-lg-10">
<input type="text" class="form-control" name="username" placeholder="请输入账户名" required
autofocus />
</div>
<div class="col-lg-10">
</div>
<div class="col-lg-10">
<input type="password" class="form-control" name="password" placeholder="请输入密码" required
autofocus />
</div>
<div class="col-lg-10">
</div>
<div class="col-lg-10 mycheckbox checkbox">
<input type="checkbox" class="col-lg-1">记住密码</input>
</div>
<div class="col-lg-10">
</div>
<div class="col-lg-10">
<button type="button" id="btn" class="btn btn-success col-lg-12">
登录</button>
</div>
</div>
</div>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.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>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">一个学院管理界面</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">学院管理</a></li>
<li><a href="#">教师管理</a></li>
<li class="active dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
其他管理
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="#">其他一</a></li>
<li><a href="#">其他二</a></li>
<li><a href="#">其他三</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<table class="table table-bordered">
<thead>
<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 class="col-md-2">
<button class="btn btn-danger" data-toggle="dropdown">按钮</button>
<button class="btn btn-default" data-toggle="dropdown">按钮</button>
<button class="btn btn-primary" data-toggle="dropdown">按钮</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td class="col-md-2">
<button class="btn btn-danger" data-toggle="dropdown">按钮</button>
<button class="btn btn-default" data-toggle="dropdown">按钮</button>
<button class="btn btn-primary" data-toggle="dropdown">按钮</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td class="col-md-2">
<button class="btn btn-danger" data-toggle="dropdown">按钮</button>
<button class="btn btn-default" data-toggle="dropdown">按钮</button>
<button class="btn btn-primary" data-toggle="dropdown">按钮</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td class="col-md-2">
<button class="btn btn-danger" data-toggle="dropdown">按钮</button>
<button class="btn btn-default" data-toggle="dropdown">按钮</button>
<button class="btn btn-primary" data-toggle="dropdown">按钮</button>
</td>
</tr>
<tr>
<td>1</td>
<td>李子明</td>
<td>102</td>
<td>xx学院</td>
<td class="col-md-2">
<button class="btn btn-danger" data-toggle="dropdown">按钮</button>
<button class="btn btn-default" data-toggle="dropdown">按钮</button>
<button class="btn btn-primary" data-toggle="dropdown">按钮</button>
</td>
</tr>
</tbody>
</table>
</body>
</html>