<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<form role="form" class="form-inline"><!--表单变成内联,宽度自适应-->
<div class="form-group">
<label>密码</label>
<input type="password" name="" class="form-control" placeholder="Enter password">
</div>
<div class="form-group">
<label>email</label>
<input type="email" name="" class="form-control" placeholder="Enter email">
<button type="submmit">提交</button>
</div>
<div class="form-group">
<label class="sr-only">select file</label> <!--lable add class sr-only to hide lable-->
<input type= "file" name="">
<p class="help-block">Select the file you need</p>
</div>
</form>
<form role="form" class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" name="" class="form-control" placeholder="email"><!--加类form-control带圆角效果-->
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">password</label>
<div class="col-sm-10">
<input type="password" name="" placeholder="password">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2"><!--Add the class name col-md-offset-2 and move two positions to the right-->
<div class="checkbox">
<label>
<input type="checkbox" name="">记住密码
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submmit" class="btn btn-default">登录</button>
</div>
</div>
</form>
</body>
</html>