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

时间:2019-04-22 17:48:57

标签: angular bootstrap-4

我有带有引导程序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文件夹中消失,然后项目不显示任何内容。 我想念什么?

1 个答案:

答案 0 :(得分:0)

同样的东西对我有用。 您可以尝试直接在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的增强版本。 两者之间存在巨大差异。 因此,在进行降级时,您必须非常仔细地检查每个班级。 这可能就是您的模态停止工作的原因。