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
Post a Comment