如何在天项目之间设置更大的space？

Question

将 datetimepicker 4.17.47 添加到我找到的 jquery 3.4/bootstrap 4.6 项目中日常项目之间非常狭窄 space：https://prnt.sc/1r3r909

正在打开 bootstrap-datetimepicker.min.css 我找到并添加的文件 class:

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 4px !important; // I added this property
}

之后space日间项目变好了，但是有时间选择的区域是在 space 天项目之间：https://prnt.sc/1r3roq6

并且无法打开此设计在浏览器的控制台下拉选择器中，我尝试将更多宽度设置为天数块，但未能成功...

如何做到？

谢谢！

Answer 1

我找到了手动修改的决定类 :

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  padding: 4px !important;
  width: 20px
}


.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  border: 2px dotted red !important;
  min-width: 39em !important;
}

很有帮助！

如何在天项目之间设置更大的space？

How to set bigger space between day items?

css

bootstrap-datetimepicker