Twitter bootstrap 形成水平引导
我用的是一个引导式的horitonzal表单,这很有效 但是我每行有3个表单,但是我想有一个表单来获得与有几行的水平表单相同的效果。但是我每行有3个表单,但是我想有一个表单来获得与有几行的水平表单相同的效果 我的想法是进行验证,为此我需要在一个表单中包含所有输入Twitter bootstrap 形成水平引导,twitter-bootstrap,user-interface,Twitter Bootstrap,User Interface,我用的是一个引导式的horitonzal表单,这很有效 但是我每行有3个表单,但是我想有一个表单来获得与有几行的水平表单相同的效果。但是我每行有3个表单,但是我想有一个表单来获得与有几行的水平表单相同的效果 我的想法是进行验证,为此我需要在一个表单中包含所有输入 <form class="form-horizontal" name="frm1" role="form"> <div class="form-group"> <label for
<form class="form-horizontal" name="frm1" role="form">
<div class="form-group">
<label for="txtNombre" class="col-sm-2 control-label">Nombre</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtNombre" ng-model="model.nombre" placeholder="Rut">
</div>
<label for="txtRut" class="col-sm-1 control-label">Rut</label>
<div class="col-xs-2">
<input type="text" class="form-control" id="txtRut" placeholder="Rut">
</div>
<div class="col-sm-1">
<input type="password" id="txtDv" class="form-control" id="inputPassword3" placeholder="Dv">
</div>
</div>
</form>
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="txtMail" class="col-sm-2 control-label">Email</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="txtMail" placeholder="e-mail">
</div>
<label for="txtAlias" class="col-sm-1 control-label">Alias</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtAlias" placeholder="Alias">
</div>
</div>
</form>
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="selEmpresa" class="col-sm-2 control-label">Empresa</label>
<div class="col-sm-3">
<select class="form-control" id="selEmpresa">
<option>Audi</option>
</select>
</div>
<label for="chkActive" class="col-sm-1 control-label">Activo</label>
<div class="col-xs-3">
<input type="checkbox" id="chkActive">
</div>
</div>
</form>
名义
车辙
电子邮件
别名
埃普雷萨酒店
奥迪
活跃的
这很容易实现,只需使用以下行和列即可
<form class="form-horizontal" name="frm1" role="form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="txtNombre" class="col-sm-2 control-label">Nombre</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtNombre" ng-model="model.nombre" placeholder="Rut">
</div>
<label for="txtRut" class="col-sm-1 control-label">Rut</label>
<div class="col-xs-2">
<input type="text" class="form-control" id="txtRut" placeholder="Rut">
</div>
<div class="col-sm-1">
<input type="password" id="txtDv" class="form-control" id="inputPassword3" placeholder="Dv">
</div>
</div>
</div></div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="txtMail" class="col-sm-2 control-label">Email</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="txtMail" placeholder="e-mail">
</div>
<label for="txtAlias" class="col-sm-1 control-label">Alias</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtAlias" placeholder="Alias">
</div>
</div>
</div></div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="selEmpresa" class="col-sm-2 control-label">Empresa</label>
<div class="col-sm-3">
<select class="form-control" id="selEmpresa">
<option>Audi</option>
</select>
</div>
<label for="chkActive" class="col-sm-1 control-label">Activo</label>
<div class="col-xs-3">
<input type="checkbox" id="chkActive">
</div>
</div>
</div>
</div>
</form>
名义
车辙
电子邮件
别名
埃普雷萨酒店
奥迪
活跃的
这很容易实现,只需使用以下行和列即可
<form class="form-horizontal" name="frm1" role="form">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="txtNombre" class="col-sm-2 control-label">Nombre</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtNombre" ng-model="model.nombre" placeholder="Rut">
</div>
<label for="txtRut" class="col-sm-1 control-label">Rut</label>
<div class="col-xs-2">
<input type="text" class="form-control" id="txtRut" placeholder="Rut">
</div>
<div class="col-sm-1">
<input type="password" id="txtDv" class="form-control" id="inputPassword3" placeholder="Dv">
</div>
</div>
</div></div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="txtMail" class="col-sm-2 control-label">Email</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="txtMail" placeholder="e-mail">
</div>
<label for="txtAlias" class="col-sm-1 control-label">Alias</label>
<div class="col-xs-3">
<input type="text" class="form-control" id="txtAlias" placeholder="Alias">
</div>
</div>
</div></div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="selEmpresa" class="col-sm-2 control-label">Empresa</label>
<div class="col-sm-3">
<select class="form-control" id="selEmpresa">
<option>Audi</option>
</select>
</div>
<label for="chkActive" class="col-sm-1 control-label">Activo</label>
<div class="col-xs-3">
<input type="checkbox" id="chkActive">
</div>
</div>
</div>
</div>
</form>
名义
车辙
电子邮件
别名
埃普雷萨酒店
奥迪
活跃的