2016-11-22 13 views
0

私はブートストラップ3.3.7とブートストラップdatepicker v1.6.4を使用しています。私はクラスの中に日付ピッカーを埋め込んでいますが、col-md-6クラスでは、列を埋めるようには見えません。ブートストラップの日付ピッカーをブートストラップ列に揃える方法は?

HTMLコード:

<div class="form-group"> 
    <label class="control-label col-lg-5 text-left">Select Date:</label> 
    <div class="col-lg-6"> 
      <input type="text" class="form-control" placeholder="Choose your date..." readonly> 
      <div id="datepicker" data-date-format="mm/dd/yyyy"></div> 
    </div> 
</div> 

CSS:

<!-- Bootstrap 3.3.7 --> 
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 
<!-- Bootstrap Datepicker --> 
<link rel="stylesheet" href="bootstrap-datepicker/css/bootstrap-datepicker3.min.css"> 

はJavaScript:

<!-- Bootstrap Datepicker --> 
<script src="bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> 

datepicker-image

datepicker-image

これを修正する方法はありますか?事前に感謝の意を表します。

+0

からそれを継承し、おそらくいくつかのパディングや幅constaintを含むか、またはそれは、上書き? – WEBjuju

答えて

0

コンポーネントに左パディングのようです。このスタイリングのソースを検索し、

.datepicker-inlineクラス5月は、あなたが、これはあるページへのリンクを与えることができるいくつかの他のクラス

関連する問題