使用ng-bootstrap将Bootstrap从4.3.1降级到3.3.7

Question

我有带有引导程序4和ng-bootstrap的angular 6项目，用于模态对话框。现在，由于需要将其整数化为角度为3.3.7的另一个项目，因此要求我降级引导程序版本。以下是我执行的步骤：

    npm install bootstrap@3.3.7 --save

但是此后，当我尝试使用以下命令重新安装时，我的ng-bootstrap模态对话框停止运行：

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

然后从ng_modules / bootstrap文件夹中消失，然后项目不显示任何内容。 我想念什么？

Answer 1

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

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