Щебетать бутстрап смешивает горизонтальную форму с встроенным Привет, я пытаюсь сделать встроенную форму смешанной с горизонтальной У меня http://jsfiddle.net/TNLnP/3/, но я хочу получить что-то вроде <label><input> <label><input><label><input><label><input> Ответ 1 Если вы хотите сохранить оба в одном и том же элементе form, вы можете добавить form-inline в свой 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/ Ответ 2 <!-- 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 --> Попробуйте это на jsfiddle. Надеюсь, это поможет вам.:)
Ответ 1 Если вы хотите сохранить оба в одном и том же элементе form, вы можете добавить form-inline в свой 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/
Ответ 2 <!-- 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 --> Попробуйте это на jsfiddle. Надеюсь, это поможет вам.:)