使用 Bootstrap 计算的小宽度答案

【问题标题】：Small computed width with Bootstrap使用 Bootstrap 计算的小宽度
【发布时间】：2017-04-17 03:29:28
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

我看到了那个插件。

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

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

所以只需添加 style="height:200px; width:150px; 即可。

（已测试）

【讨论】：

【解决方案2】：

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

【讨论】：