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.

jsfiddle

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

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -