Bootstrap Datepicker va en bas

Question

Je ne suis pas un expert en Bootstrap 3. C'était la première fois que j'utilisais le widget "datepicker". J'ai deux sélecteurs de date qui doivent être affichés en ligne les uns aux autres. Lorsque j'essaie une entrée normale, ça marche mais si c'est un sélecteur de date, ça va un peu loin en bas. J'ai essayé le poste relatif mais il n'a pas résolu le problème. Voir la capture d'écran ci-jointe. Date picker goes at the bottom J'espère que quelqu'un peut me donner de la lumière. Ci-dessous mon code.`

<div class="horiz-search-bar-wrapper"> 
       <form class="form-inline"> 
       <div class="form-group"> 
        <label><strong>Search</strong></label> 
       </div> 

       <div class="input-daterange"> 
        <div class="form-group rel-position-date"> 
        <label>Check-In:</label> 
        <div class="input-group input-append date" id="from"> 
         <input type="text" class="form-control"> 
         <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
        </div> 
        </div> 
        <div class="form-group rel-position-date"> 
        <label>Check-Out</label> 
        <div class="input-group input-append date" id="to"> 
         <input type="text" class="form-control"> 
         <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
        </div> 
        </div> 
       </div> 


       <div class="form-group mar-left"> 
        <button type="button" class="btn btn-primary"> 
          Submit 
        </button> 
       </div> 
       </form> 
     </div> 

`

Answer 1

Juste une mise à jour, nous avons pu résolu le problème en remplaçant la balise <label></label>-<span></span>. Le bootstrap datepicker ajoute les pixels supérieurs lorsqu'il voit plus d'une étiquette.

Espérons que cela pourrait aider les autres.