input/textarea/select设置.form-control,width将成为100%
<form>
<div class="form-group">
<label for="email">Email:</label>
<input type="text" class="form-control" placeholder="Enter email" id="email" />
</div>
</form>
form设置.form-inline,表现为内联表单
label设置.sr-only可隐藏
水平排列的表单:
<form class="form-horizontal"> //表单水平排列,改变了.form-group的行为,无需再添加.row
<div class="form-group">
<label for="user" class="col-xs-2 control-label">User:</label> //引入栅格的类
<div class="col-xs-8">
<input type="text" class="form-control" placeholder="user name" id="user" />
</div>
</div>
<div class="form-group">
<label for="psw" class="col-xs-2 control-label">password</label>
<div class="col-xs-8">
<input type="password" class="form-control" placeholder="password" id="psw" />
</div>
</div>
<div class="form-group">
<div class="col-xs-8 col-xs-offset-2">
<div class="checkbox">
<label>
<input type="checkbox" value="auto"/>auto login
</label>
</div>
</div>
</div>
</form>