title: bootstrap classes Col-md-6 col-lg-6 not working(overflowing) in form-group
body: <p>I have two form-groups in which there is a label and input textbox. Both label and input textbox have class names <em>col-md-6 col-lg-6</em>. Since the text inside the labels are too long, tt is pushing the second label in to the second half (labels are pushing in to textbox columns). How can the labels be set on left half and input elements on right half (even if the labels are too long)?</p>
  
  <pre><code>    &lt;div className="col-lg-6 col-md-6 col-sm-6 col-xs-6 "&gt;
  
        &lt;div className="form-group"&gt;
  
      &lt;div className="form-inline"&gt;&lt;Field name="no" component=    type="checkbox" /&gt; No&lt;/div&gt;                                             
         &lt;/div&gt;
             &lt;/div&gt;
  </code></pre>