如何在Angular 12项目上正确地从 Bootstrap 4.6.0升级到5.1

h9a6wy2h 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(2)|浏览(230)

我们在Angular 12项目中使用Bootstrap 4.6.0，并运行以下命令将bootstrap升级到5.1.3

npm install bootstrap@latest

以下文件出错，这些文件不存在

@import "~bootstrap/scss/input-group";
 @import "~bootstrap/scss/custom-forms";
 @import "~bootstrap/scss/media";
 @import "~bootstrap/scss/print";

下图显示了引导

中的scss文件
有什么建议吗？

2条答案

当我进行 Bootstrap 升级时-我使用Bootstrap Migration Doc并将所有相关更改应用到我的项目中。

从文档中看不太清楚如何处理这些文件，但我发现了以下内容：

//change from 
@import "~bootstrap/scss/input-group"; 
//to 
@import "~bootstrap/scss/forms/input-group";

已删除.media组件https://getbootstrap.com/docs/5.1/migration/#grid-updates
删除了打印样式和$enable-print-styles变量https://getbootstrap.com/docs/5.1/migration/#sass