title: simple form and input width error in bootstrap
body: <p>I've created extremely simple form that contains 2 inputs and 2 buttons.
  When I would like my form to take 6 spans width and be centered.</p>
  
  <p>Below is my code:</p>
  
  <pre><code>&lt;div class="container-fluid padded"&gt;
      &lt;div class="row"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;!--filtry--&gt;
                  &lt;div class="span6 offset3 padded" style="border: 1px solid black;"&gt;
                      &lt;form action="#" method="get" class="form-horizontal"&gt;
                          &lt;fieldset&gt;
                              &lt;div class="control-group"&gt;
                                  &lt;label class="control-label"&gt;Data od&lt;/label&gt;
                                  &lt;div class="controls"&gt;
                                      &lt;input type="text" id="dataOd" class="input-xlarge" /&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="control-group"&gt;
                                  &lt;label class="control-label"&gt;Data do&lt;/label&gt;
                                  &lt;div class="controls"&gt;
                                      &lt;input type="text" id="dataDo" class="input-xlarge" /&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="form-actions"&gt;
                                  &lt;div class="pull-right"&gt; 
                                     &lt;a class="btn wczytaj" href="#"&gt;&lt;i class="icon-play icon-white"&gt;&lt;/i&gt;Wczytaj&lt;/a&gt;
                                     &lt;a class="btn btn-info disabled eksportuj" href="#" id="eksportuj"&gt;&lt;i class="icon-download-alt icon-white"&gt;&lt;/i&gt;Eksportuj&lt;/a&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/fieldset&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My form in full size browser looks like this:
  <img src="https://i.stack.imgur.com/RuB8x.png" alt="enter image description here"></p>
  
  <p>but after resizing it I get this result:
  <img src="https://i.stack.imgur.com/xlwB3.png" alt="enter image description here"></p>
  
  <p>How should I change my code to get those input 100% width on every resolution?
  Is there any simple way or do I must tweak whole bootstrap?
  <br/>I've tried adding span* classes to inputs but without any luck.
  There are similar questions on SO (<a href="https://stackoverflow.com/a/11193864/965722">https://stackoverflow.com/a/11193864/965722</a>), but answer involves JavaScript and I would like to avoid that.</p>
  
  <p>Here is jsfiddle with my code: <a href="http://jsfiddle.net/Misiu/HdSEn/" rel="nofollow noreferrer">http://jsfiddle.net/Misiu/HdSEn/</a></p>