Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter bootstrap mix horizontal form with inline

Tags:

Hi im trying to make inline form mixed with horizontal I have http://jsfiddle.net/TNLnP/3/ but I want to get something like

<label><input> <label><input><label><input><label><input> 
like image 421
kskaradzinski Avatar asked Aug 27 '12 12:08

kskaradzinski


1 Answers

If you want to keep both within the same form element you can add form-inline to your 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/

like image 167
Roy Truelove Avatar answered Oct 19 '22 11:10

Roy Truelove