bootstrap 水平表单

<form class="form-horizontal" role="form">
　　<div class="form-group">
　　　　<label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
　　　　<div class="col-sm-10">
　　　　　　<input type="email" class="form-control" id="inputEmail3" placeholder="请输入您的邮箱地址"/>
　　　　</div>
　　</div>
　　<div class="form-group">
　　　　<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
　　　　<div class="col-sm-10">
　　　　　　<input type="password" class="form-control" id="inputPassword3" placeholder="请输入您的邮箱密码"/>
　　　　</div>
　　</div>
　　<div class="form-group">
　　　　<div class="col-sm-offset-2 col-sm-10">
　　　　　　<div class="checkbox">
　　　　　　　　<label><input type="checkbox"/>记住密码</label>
　　　　　　</div>
　　　　</div>
　　</div>
　　<div class="form-group">

　　　　<div class="col-sm-offset-2 col-sm-10">
　　　　　　<button type="submit" class="btn btn-default">进入邮箱</button>
　　　　</div>
　　</div>
</form>

 

转载于:https://www.cnblogs.com/Lxiaojiang/p/6169894.html