title: bootstrap3 form / How to "pull-left" an input-group-addon
body: <p>I have a form builded with Bootstrap 3 and Ace Admin theme.</p>
  
  <p>In this form, I have form groups with addons but addons are not stucked with input field.</p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
    &lt;div class="input-group"&gt;
      &lt;input type="date" name="dateActivation" id="dateActivation" class="input-control"&gt;
        &lt;span class="input-group-addon"&gt;
          &lt;i class="ace-icon fa fa-calendar"&gt;&lt;/i&gt;
        &lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to stuck the addon with the input field ?</p>
  
  <p>I don't want to use "form-control text-left" classes because the size of my input field will be changed.</p>
  
  <p>I tried that : </p>
  
  <pre><code>&lt;div class="col-md-3"&gt;
    &lt;div class="input-group pull-left"&gt;
      &lt;input type="date" name="dateActivation" id="dateActivation" class="input-control pull-right"&gt;
        &lt;span class="input-group-addon"&gt;
          &lt;i class="ace-icon fa fa-calendar"&gt;&lt;/i&gt;
        &lt;/span&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It do the job for input field &amp; addon but the pull-left doesn't work.</p>
  
  <p>An idea ?</p>
  
  <p><a href="http://jsfiddle.net/pNJJN/" rel="nofollow">Here is the fiddle</a></p>