title: Bootstrap input group addon splitting
body: <p>When trying to make my website mobile-responsive, i met with a problem that an input group addon is splitting from the text box. I referred <a href="https://stackoverflow.com/questions/24934844/why-is-bootstrap-input-group-input-group-addon-splitting">this</a> question. But I haven't used any col-md-....s or col-xs-....s here. </p>
  
  <p>My code is:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;div id="bottom_section_vide" class="well"&gt;
    &lt;div id="date_container_panel" align="center"&gt;
      &lt;div id="date_container" class="panel-body"&gt;
        &lt;form id="date_form" role="form" class="form-inline row"&gt;
          &lt;div class="form-group"&gt;
            &lt;div class="input-group"&gt;
              &lt;input class="form-control" id="checkin_field" type="text" placeholder="Check In" aria-describedby="basic-addon2" /&gt;
              &lt;i class="input-group-addon" id="basic-addon2"&gt;&lt;i class="glyphicon glyphicon-calendar btn-link" id="chin_cla"&gt;&lt;/i&gt;&lt;/i&gt;
            &lt;/div&gt;
          &lt;/div&gt;&amp;emsp;&amp;emsp;
          &lt;div class="form-group"&gt;
            &lt;div class="input-group"&gt;
              &lt;input class="form-control" id="checkout_field" type="text" placeholder="Check Out" aria-describedby="basic-addon3" disabled /&gt;
              &lt;i class="input-group-addon" id="basic-addon3"&gt;&lt;i class="glyphicon glyphicon-calendar btn-link" id="chout_cla"&gt;&lt;/i&gt;&lt;/i&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My output is :</p>
  
  <p><a href="https://i.stack.imgur.com/oT506.png" rel="nofollow noreferrer">enter image description here</a></p>