title: Fluid input-append in Bootstrap Responsive
body: <p>I've been struggling to get an input with an input-append element to have the correct width in a fluid layout. I'm using v2.0.4 of Bootstrap. As I resize to make the page smaller it breaks onto a newline. Ideally I'd have the input the full width of the well (like the alerts). I've included the markup and some screenshots below. Any help much appreciated!</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row-fluid"&gt;
      &lt;div class="span3 well"&gt;
         &lt;form class="form-horiztonal"&gt;
             &lt;h2&gt;Filters&lt;/h2&gt;
             &lt;fieldset&gt;
                 &lt;div class="control-group"&gt;
                     &lt;label class="control-label" for="msisdn"&gt;MSISDNs&lt;/label&gt;
                     &lt;div class="controls"&gt;
                         &lt;div class="input-append"&gt;
                             &lt;input class="span10" id="msisdn" size="" type="text" name="msisdn"&gt;&lt;button
                             class="btn btn-primary" type="submit"&gt;&lt;i class="icon-plus icon-white"&gt;&lt;/i&gt;&lt;/button&gt;
                         &lt;/div&gt;
                     &lt;/div&gt;
                  &lt;/div&gt;
             &lt;/fieldset&gt;
         &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;div class="span9"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Qi7w1.png" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/2gsoe.png" alt="enter image description here"></p>