title: Bootstrap 3: input-group mixed with non input-groups different sizes
body: <p>If a form has multiple controls in it, with some of the controls being a part of input-group divs and others not, is there a way to make them all take up the same space? My goal is to have all of the inputs the same width (the width of the controls that have the addons).</p>
  
  <p>Here's my non-working attempt: </p>
  
  <pre><code>&lt;form class="form-horizontal" role="form"&gt;
    &lt;div class="form-group col-xs-12"&gt;
      &lt;label for="inputEmail3" class="col-xs-2 control-label"&gt;Email&lt;/label&gt;
      &lt;div class="col-xs-10 input-group"&gt;
          &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
        &lt;input type="email" class="form-control" id="inputEmail3" placeholder="Email"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="inputPassword3" class="col-xs-2 control-label"&gt;Password&lt;/label&gt;
      &lt;div class="col-xs-10"&gt;
        &lt;input type="password" class="form-control" id="inputPassword3" placeholder="Password"&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/8XhCL/1/" rel="nofollow">http://jsfiddle.net/8XhCL/1/</a></p>