title: Bootstrap form - label on right side of text box
body: <p>I have tried almost everything but these fields are not getting horizontally aligned.</p>
  
  <p>it should be like A: textbox  B</p>
  
  <pre><code>            &lt;div class="form-group form-horizontal"&gt;
                 &lt;div class="col-sm-4"&gt;
                    &lt;div class="form-group col-sm-10" style="border:1px solid red"&gt;
                          &lt;label for="inlineFold" class="control-label col-sm-5"&gt;A :&lt;/label&gt;
                            &lt;div class="input-group  col-sm-4"&gt;
                               &lt;input class="form-control" id="txtA" type="text" placeholder="" disabled&gt;
                                  &lt;span&gt;B&lt;/span&gt;
                             &lt;/div&gt;
  
                    &lt;/div&gt;
                 &lt;/div&gt;
                 &lt;div class="col-sm-4"&gt;
                        &lt;!-- more fields goes here --&gt;
                 &lt;/div&gt;
                 &lt;div class="col-sm-4"&gt;
                        &lt;!-- more fields goes here --&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>