如何修复日期的显示大小？答案

【问题标题】：How to Fix display Size of Date?如何修复日期的显示大小？
【发布时间】：2020-08-10 15:59:52
【问题描述】：

<div class="input-group col-sm-3">
  <input id="date1" onkeypress="return isDateKey(event,this)" name="date1" class="form-control" data-toggle="datepicker-icon" date-picker>
  <a href="javascript:void(0);" class="input-group-prepend datepicker-trigger" style="text-decoration:none;">
    <div class="input-group-text" id="btnDt_Rec">
      <i class="fa fa-calendar-alt"></i>
    </div>
  </a>
</div>

当我拖动到平板电脑或手机尺寸时，日期选择器会变大。

我想要的是正常尺寸，如下图：

【问题讨论】：

标签： html asp.net-mvc date

【解决方案1】：

我认为问题在于选择引导列的大小。 col-sm-* 将调整宽度超过 576 像素的所有内容。我猜您的平板电脑不属于该类别。尝试将col-* 用于任何更小的东西。如果这不起作用，您可能需要使用 flex。

这是关于后者的文档：https://getbootstrap.com/docs/4.1/utilities/flex/

【讨论】：