如何将引导日期选择器与引导列对齐？答案

【问题标题】：How to align bootstrap datepicker with bootstrap column?如何将引导日期选择器与引导列对齐？
【发布时间】：2016-11-22 23:51:05
【问题描述】：

我正在使用 bootstrap 3.3.7 和 bootstrap datepicker v1.6.4。我已将 datepicker 嵌入到带有 col-md-6 类的 div 中，但它似乎没有填满列。

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

有没有办法解决这个问题？提前感谢您的建议。

【问题讨论】：

你能给个链接到这个页面吗？

标签： html css twitter-bootstrap datepicker

【解决方案1】：

这似乎是组件上的一些左填充。找到这个样式的来源并覆盖它

.datepicker-inline 类可能包含一些填充或宽度约束，或者可能从其他一些类继承它

【讨论】：