title: Bootstrap form inline and automatic datepicker date
body: <p>I want to build a quick reservation using bootstrap form inline. but I have some problem:</p>
  
  <ol>
  <li>Form inline has a margin left [<strong>I not want any margin left</strong>]</li>
  <li>Datepicker can not automatic to generate check out date [<strong>after click check in date ex: 22/10/2013 system automatic go to check out date 23/10/2013 so user can't hard to begin from this date</strong>]</li>
  </ol>
  
  <p>How to do that?
  This my script html </p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="span12"&gt;
          &lt;form class="form-horizontal"&gt;
              &lt;div class="control-group"&gt;
                  &lt;div class="controls form-inline" id="sandbox-container"&gt;
                      &lt;label for="check-in"&gt;CHECK - IN&lt;/label&gt;
                      &lt;input type="text" id="cid" name="fymd" class="span2 input-append date" placeholder="dd/mm/yyyy"&gt;
                      &lt;label for="check-out"&gt;CHECK - OUT&lt;/label&gt;
                      &lt;input type="text" id="cod" name="tymd" class="span2 input-append date" placeholder="dd/mm/yyyy"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>bootstrap javascript for datepicker I use from <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow noreferrer">here</a> .
  This javascript inline</p>
  
  <pre><code>&lt;script&gt;
  $('#sandbox-container .input-append.date').datepicker({
      format: "dd/mm/yyyy",
      startDate: "0d",
      endDate: "+2y",
      autoclose: true,
      todayHighlight: true
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>File CSS is standard from bootstrap.
  This is the screenshot: <img src="https://i.stack.imgur.com/ejOGB.png" alt="enter image description here"></p>