title: Bootstrap 3 - align text to form-control items across grids
body: <p>What is the correct way in bootstrap to have proper alignment of inputs and labels across grids?</p>
  
  <p>I would like to have the labels to be placed exactly the same as the first col.
  See my plunk: </p>
  
  <p><a href="http://plnkr.co/edit/jaMAp38Rr1g7BLW3R5AI" rel="nofollow">http://plnkr.co/edit/jaMAp38Rr1g7BLW3R5AI</a></p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-6" style="border-style:solid;border-width:1px;"&gt;
      &lt;form class="form-inline" role="form"&gt;
        &lt;div class="form-group"&gt;
          &lt;input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email" style="width:80px;"&gt;
          &lt;label&gt;OK&lt;/label&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
    &lt;div class="col-sm-6" style="border-style:solid;border-width:1px;"&gt;
      &lt;form class="form-inline" role="form"&gt;
        &lt;div class="form-group"&gt;
          &lt;label&gt;NOK&lt;/label&gt;how to align it to the same as text 'OK'?
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>