forms - fields - Twitter bootstrap mezcla forma horizontal con inline
linear form bootstrap (2)
Hola, estoy tratando de hacer una forma en línea mezclada con horizontal. Tengo http://jsfiddle.net/TNLnP/3/ pero quiero obtener algo como
<label><input>
<label><input><label><input><label><input>
Si desea mantener ambos dentro del mismo elemento de form
, puede agregar form-inline
a su fieldset
:
<form>
<div class="row">
<fieldset class="form-inline">
<label class="control-label">A</label>
<input type="text" class="input-medium">
</fieldset>
</div><!-- end row -->
<div class="row">
<fieldset class="form-inline">
<label class="control-label">B</label>
<input type="text" class="input-mini" >
<label class="control-label">C</label>
<input type="text" class="input-mini" >
<label class="control-label">D</label>
<input type="text" class="input-mini" >
<label class="control-label">E</label>
<input type="text" class="input-mini" >
</fieldset>
</div><!-- end row -->
</form>
<!-- First Form =============================== -->
<div class="row">
<form class="form-inline">
<fieldset>
<label class="control-label">A</label>
<input type="text" class="input-medium">
</fieldset>
</form>
</div><!-- end row -->
<!-- Second Form ================================== -->
<div class="row">
<form class="form-inline">
<fieldset>
<label class="control-label">B</label>
<input type="text" class="input-mini" >
<label class="control-label">C</label>
<input type="text" class="input-mini" >
<label class="control-label">D</label>
<input type="text" class="input-mini" >
<label class="control-label">E</label>
<input type="text" class="input-mini" >
</fieldset>
</form>
</div><!-- end row -->
Prueba esto en jsfiddle . Espero que te ayude. :)