Bootstrap Datepickerが下に行く

Question

私はBootstrap 3の専門家ではありません。ウィジェット "datepicker"を初めて使用しました。お互いにインラインで表示する必要がある2つの日付ピッカーがあります。私は通常の入力をしようとすると動作しますが、日付ピッカーの場合、少し下に行くようになります。私は相対的な立場を試みたが問題は解決しなかった。添付のスクリーンショットを参照してください。 Date picker goes at the bottom ほんの少しのものが私にいくつかの光を与えることを願っています。以下は私の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

これにだけ更新され、我々は<span></span>に<label></label>タグを置き換えることによって、問題を修正することができました。ブートストラップのdatepickerは、2つ以上のラベルを見ると、トップピクセルを追加します。

これが他の人に役立つと願っています。