title: Twitter Bootstrap - input-group-addon alignment
body: <p>I am currently making a form, but if I add a input-group with input-group-addon, that input will become unaligned with the rest.</p>
  
  <p>The addon seems to affect the width of the input.</p>
  
  <p>Part of my code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label for="inputName" class="col-sm-2 control-label"&gt;Name&lt;/label&gt;
      &lt;div class="col-sm-3"&gt;
          &lt;input type="text" class="form-control" id="inputName" placeholder="Name" name="name" value="{{name}}" onblur="isEmpty(this)"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div class="form-group"&gt;
      &lt;label for="inputLastSeen" class="col-sm-2 control-label"&gt;Last Seen&lt;/label&gt;
      &lt;div class="col-sm-3 input-group date form_datetime"
           data-link-field="inputLastSeen"&gt;
          &lt;input type="text" class="form-control" value="" readonly&gt;
          &lt;span class="input-group-addon"&gt;
              &lt;span class="glyphicon glyphicon-th"&gt;
              &lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
      &lt;input type="hidden" id="inputLastSeen" name="lastSeen" value=""&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/IywGM.png" alt="enter image description here"></p>
  
  <p>** I am using <a href="http://www.malot.fr/bootstrap-datetimepicker/demo.php" rel="noreferrer">http://www.malot.fr/bootstrap-datetimepicker/demo.php</a> for the DateTimePicker</p>