Bootstrap

时间:2017-04-17 03:29:29

标签: css twitter-bootstrap twitter-bootstrap-3 react-datepicker

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

我的网站上的日期选择器小于插件提供的演示。它似乎只是缩小了。根据我的判断,宽度/高度是根据运行时计算的。由于Bootstrap,发生了小的计算大小。当我删除BS .css文件时,大小没问题。

  • 这是为什么?
  • 我该如何解决?
  • 推荐更可自定义的datepicker插件?

2 个答案:

答案 0 :(得分:0)

我看到了插件。

我认为解决此问题的最简单方法是将高度和宽度内联到其中。

它的所有类都不匹配bootstrap所以因为它包含的div的大小恰好缩小了。

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

(测试)

答案 1 :(得分:0)

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

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