with horizontal form fields controles bootstrap and agrupar forms twitter-bootstrap

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>

http://jsfiddle.net/ZWNjw/


<!-- 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. :)