使用 ng-bootstrap 将引导程序从 4.3.1 降级到 3.3.7答案

【问题标题】：downgrading bootstrap from 4.3.1 to 3.3.7 with ng-bootstrap使用 ng-bootstrap 将引导程序从 4.3.1 降级到 3.3.7
【发布时间】：2019-09-11 21:35:01
【问题描述】：

我有带有 bootstrap 4 的 angular 6 项目和用于模态对话框的 ng-bootstrap。现在，由于这需要集成到另一个角度为 3.3.7 的项目中，所以我被要求降级引导版本。以下是我执行的步骤：

    npm install bootstrap@3.3.7 --save

但之后我的 ng-bootstrap 模式对话框停止工作，所以当我尝试使用以下命令重新安装时：

     npm install --save @ng-bootstrap/ng-bootstrap

然后从 ng_modules/bootstrap 文件夹消失，然后项目什么也不显示。我错过了什么？

【问题讨论】：

Bootstrap 3 和 4 之间有很多重大变化。我不希望输出 Bootstrap 4 标记的库与 Bootstrap 3 兼容

标签： angular bootstrap-4

【解决方案1】：

这同样适用于我。您可以尝试直接在 package.json 中更改 Bootstrap 版本并删除节点模块，然后执行 npm i 并再次运行您的应用程序。

您需要为 Bootstrap 3 中的某些部分再次编写代码，因为没有直接的方法可以从 Bootstrap 4 转到 Bootstrap 3。可能有太多假设，因为 Bootstrap 4 使用 SASS 处理更多的事情，而 Bootstrap 3 处理 LESS ......所以从 Bootstrap 4 到 Bootstrap 3 你更有可能失去一些你可能无法确定缺少什么的样式。 Bootstrap 3 使用 Normalize.css 来呈现所有 HTML 元素的一致外观。 Bootstrap 4 采用了 Normalize.css 的增强版本。两者之间存在巨大差异。因此，在进行降级时，您必须非常仔细地检查每个班级。这可能是您的模态停止工作的原因。

【讨论】：