Как выровнять бутстрап datepicker с колонкой начальной загрузки?

Question

Я использую bootstrap 3.3.7 и bootstrap datepicker v1.6.4. Я встроил datepicker внутри div с классом 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

Есть ли способ исправить это? Заранее благодарим за предложения.

Answer 1

кажется, что-то остальное заполнение на компоненте. Найти источник этого стиля и перезаписать его

.datepicker-inline класс может включать в себя некоторое дополнение или ширину constaint или, возможно, наследует его от некоторого другого класса