Bootstrap .form-inline but keep label above fields -


<div class="form-inline">     <div class="form-group has-feedback">         <label for="id_first_name">first name</label>         <div class="input-group">             <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>             <input class="form-control" id="id_first_name" name="first_name" type="text" />         </div>     </div>      <div class="form-group has-feedback">         <label for="id_last_name">last name</label>         <div class="input-group">             <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>             <input class="form-control" id="id_last_name" name="last_name" type="text" />         </div>     </div> </div> 

i output similar this: http://i.stack.imgur.com/ykvoy.png want labels above fields.

i googled , see lot of people have same problem opposite. have labels above fields , want them in same line. tried code, still not working.

i've created this fiddle demonstrating using provided. form-group should trick.


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -