title: Bootstrap 3 input width and lable sizing inside form-group
body: <p>Hi I am using Bootstrap 3 and while I faced the problem of sizing up my user inputs I took help from this <a href="https://stackoverflow.com/questions/18539711/input-widths-on-bootstrap-3">question</a> shadowf answer helped me.</p>
  
  <p>Now I am into another problem. The fix does size the inputs but is applies the same for the label and the control inside the form-group as the class is applied at that level.</p>
  
  <p>I need to apply different sizing for the label and the input box. If I apply the sizing class at the label or the input level the form alignment goes for a toss.</p>
  
  <p>I don't want to use a horizontal or inline form.</p>
  
  <pre><code>&lt;div class="form-group col-xs-6"&gt; 
  &lt;label for="exampleInputEmail1"&gt;Really long label which I want to have separate sizing&lt;/label&gt;
  &lt;input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>modified fiddle <a href="http://jsfiddle.net/jarajesh/kytsf0vz/3/" rel="nofollow noreferrer">here</a></p>