title: Bootstrap Datepicker goes bottom
body: <p>I am not an expert in Bootstrap 3. It was my first time to use the widget "datepicker". I have two date pickers that need to be displayed inline to each other. When I try a normal input it works but if it is a date picker it goes a little far at the bottom. I tried the position relative however it did not resolve the issue. See screen shot attached.<a href="https://i.stack.imgur.com/KDzzZ.png" rel="nofollow noreferrer">Date picker goes at the bottom</a>
  Hope some one can give me some light. Below is my code.`  </p>
  
  <pre><code>&lt;div class="horiz-search-bar-wrapper"&gt;
                &lt;form class="form-inline"&gt;
                  &lt;div class="form-group"&gt;
                    &lt;label&gt;&lt;strong&gt;Search&lt;/strong&gt;&lt;/label&gt;
                  &lt;/div&gt;
  
                  &lt;div class="input-daterange"&gt;
                    &lt;div class="form-group rel-position-date"&gt;
                      &lt;label&gt;Check-In:&lt;/label&gt;
                      &lt;div class="input-group input-append date" id="from"&gt;
                        &lt;input type="text" class="form-control"&gt;
                        &lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/span&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group rel-position-date"&gt;
                      &lt;label&gt;Check-Out&lt;/label&gt;
                      &lt;div class="input-group input-append date" id="to"&gt;
                        &lt;input type="text" class="form-control"&gt;
                        &lt;span class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;&lt;/span&gt;
                      &lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
  
  
                  &lt;div class="form-group mar-left"&gt;
                    &lt;button type="button" class="btn btn-primary"&gt;
                             Submit
                    &lt;/button&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
           &lt;/div&gt;
  </code></pre>
  
  <p>`</p>