Checkbox grid alignment inside well for bootstrap -
i can't seem checkboxes align labels , select options inside using bootstrap 3.3.5. code is:
<div class="well"> <div class="row"> <div class="col-md-6"> <label class="control-label">checkboxes</label> </div> </div> <div class="row"> <div class="col-md-6"> <div class="checkbox"> <input type="checkbox" id="1">1 </div> <div class="checkbox"> <input type="checkbox" id="2">2 </div> </div> </div> <div class="row"> <div class="col-md-6"> <label class="control-label">select</label> </div> </div> <div class="row"> <div class="col-md-6"> <select id="2" class="form_control"> <option value="a">a</option> <option value="b">b</option> </select> </div> </div> </div>
fiddle illustrating misalignment:
https://jsfiddle.net/dwzvsoax/
i'm pretty new bootstrap, i'm doing dumb! thank in advance.
wrap form elements , labels .form-group
element.
also, should read boostrap documentation on forms
<div class="well"> <div class="form-group"> <label>check boxes</label> <div class="checkbox"> <label> <input type="checkbox" /> 1 </label> </div> <div class="checkbox"> <label> <input type="checkbox" /> 2 </label> </div> </div> <div class="form-group"> <label>select</label> <select id="2" class="form-control"> <option value="a">a</option> <option value="b">b</option> </select> </div> </div>
Comments
Post a Comment