title: Bootstrap Horizontal form with input-append on textboxes
body: <p>I am trying to create a form horizontal form in bootstrap but when I try to add input-append over the control fields, that field gets shifted towards the right.
  I am not able to find the exact source of why it is happening... or if I am doing something wrong. I am trying to add a simple PWD with the password input field...</p>
  
  <pre><code>&lt;form class="bs-docs-example form-horizontal"&gt;
              &lt;div class="control-group"&gt;
                &lt;label class="control-label" for="inputEmail"&gt;Email&lt;/label&gt;
                &lt;div class="controls"&gt;
                  &lt;input type="text" id="inputEmail" placeholder="Email"&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="control-group"&gt;
                &lt;label class="control-label" for="inputPassword"&gt;Password&lt;/label&gt;
                &lt;div class="controls input-append"&gt;
                  &lt;input type="password" id="inputPassword" placeholder="Password"&gt;
                      &lt;span class="add-on"&gt;PWD&lt;/span&gt;
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="control-group"&gt;
                &lt;div class="controls"&gt;
                  &lt;label class="checkbox"&gt;
                    &lt;input type="checkbox"&gt; Remember me
                  &lt;/label&gt;
                  &lt;button type="submit" class="btn"&gt;Sign in&lt;/button&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/form&gt;
  </code></pre>
  
  <p>here is a jsfiddle for it.. <a href="http://jsfiddle.net/zEUH4/" rel="nofollow">http://jsfiddle.net/zEUH4/</a></p>
  
  <p>Thanks.</p>