时间戳

首页 > 解决方案 > 如何修复日期的显示大小？

html - 如何修复日期的显示大小？

问题描述

我的照片

<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>

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

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

正常尺寸

标签： htmlasp.net-mvcdate

解决方案

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

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

推荐阅读