someone please me understand how make boostrap code inputs in image. don't know how make 1 input bigger , other smaller. tried input-smaller doesn't work.
i want both inline inputs have in total same width firt input.
this code html + bootstrap
<div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">n du registre de commerce</label> <div class="col-sm-5"> <input type="text" class="form-control" id="tva" placeholder="saisissez votre numero rc"> </div> </div><!--form-group--> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">personne autorisee signer</label> <div class="col-sm-5"> <label class="radio-inline"> <input type="radio" name="yes3" checked>oui </label> <label class="radio-inline"> <input type="radio" name="no3">non </label> </div> </div><!--form-group--> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">rue / numero</label> <div class="col-sm-7"> <div class="form-group"> <div class="col-sm-6"> <input type="text" class="form-control" id="street" > </div> <div class="col-sm-1"> <input type="text" class="form-control" id="street-nr" > </div> </div> </div> </div><!--form-group--> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">code postal / ville</label> <div class="col-sm-7"> <div class="form-group"> <div class="col-sm-6"> <input type="text" class="form-control" id="zip-code" > </div> <div class="col-sm-1"> <input type="text" class="form-control" id="street" > </div> </div> </div> </div><!--form-group-->
looks have missed <div class="row"></div> give each section , give try.
update: have added more rows , columns in order make width same first. n du registre de commerce
<div class="row"> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">personne autorisee signer</label> <div class="col-sm-5"> <label class="radio-inline"> <input type="radio" name="yes3" checked>oui </label> <label class="radio-inline"> <input type="radio" name="no3">non </label> </div> </div></div><!--form-group--> <div class="row"> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">rue / numero</label> <div class="col-sm-6"> <div class="row" style="margin: 0px; padding: 0px;"> <div class="col-sm-6" style="margin: 0px; padding: 0px;"><input type="text" class="form-control" id="street" ></div> <div class="col-sm-4" style="margin: 0px; padding: 0px;"><input type="text" class="form-control" id="street-nr"></div> </div> </div> </div></div><!--form-group--> <div class="row"> <div class="form-group"> <label for="inputemail3" class="col-sm-5 control-label">code postal / ville</label> <div class="col-sm-6"> <div class="form-group"> <div class="row" style="margin: 0px; padding: 0px;"> <div class="col-sm-4" style="margin: 0px; padding: 0px;"><input type="text" class="form-control" id="zip-code" ></div> <div class="col-sm-6" style="margin: 0px; padding: 0px;"><input type="text" class="form-control" id="street" ></div> </div> </div> </div> </div></div><!--form-group--> 
Comments
Post a Comment