0

我在项目中使用插件react-datepicker和 Bootstrap 3。

我网站上的日期选择器比插件提供的演示小。它似乎只是缩小了。据我所知,宽度/高度是在运行时计算的。由于 Bootstrap,发生了较小的计算大小。当我删除 BS .css 文件时,大小还可以。

  • 为什么是这样?
  • 我该如何解决?
  • 推荐一个更可定制的日期选择器插件?
4

2 回答 2

0

我看到了那个插件。

我看到解决这个问题的最简单的方法是给它内联的高度和宽度。

它的所有类都与引导程序不匹配,因此由于包含在其中的 div 的大小,它恰好被缩小了。

所以只需添加style="height:200px; width:150px;它,它就会起作用。

(经测试)

于 2017-04-17T03:35:24.013 回答
0

我似乎插件用于rem计算大小。这意味着它使用“通常”为 16 像素的根字体大小,但对于 BS3,它只有 10 像素。所以这条线html { font-size: 16px !important; }为我解决了这个问题。

在此处阅读更多信息:https ://github.com/Hacker0x01/react-datepicker/issues/624

于 2017-04-17T18:51:43.900 回答