<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title></title>
<link rel="stylesheet" href="css/bootstrap.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<form action="">
<!--第一行-->
<div class="form-inline">
<div class="col-sm-2">用户名称</div>
<div class="col-sm-6"><input type="text" class="form-control w-100"/></div>
<div class="col-sm-4">用户名包含字母数字3~8位</div>
</div>
<!--第二行-->
<div class="form-inline mt-3">
<div class="col-sm-2">用户密码</div>
<div class="col-sm-6"><input type="password" class="form-control w-100"/></div>
<div class="col-sm-4">密码包含字母数字3~8位</div>
</div>
<!--第三行-->
<div class="form-inline mt-3">
<div class="offset-sm-5">
<input type="submit" value="注册" class="btn btn-success"/>
<input type="reset" value="取消" class="btn btn-danger"/>
</div>
</div>
</form>
</div>
<br/><br/><br/><br/><br/><br/>
</body>
</html>