使用Angular 16，我必须安装bootstrap和jQuery（rpm install jQuery --保存）。然后我在angular.json中添加了以下信息：

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

字符串

删除Angular.json中的"../node_modules/bootstrap/dist/css/bootstrap.min.css",。
尝试将此@import "~bootstrap/dist/css/bootstrap.css";添加到style.css文件中。
参考：Styling Angular CLI v6 apps with Bootstrap

如果项目有像Karma这样的测试运行器，Angular.json文件有两个样式属性：
1-projects -> projectName -> architect -> build -> options
2-projects -> projectName -> architect -> test -> options
x1c 0d1x的数据
也许你只是在测试部分改变了样式，而构建部分有旧的样式。

在Angular 6中，您可以将bootstrap添加到两个文件中：
1.在angular.json内部：

"styles": [
    "./node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.css"
]

字符串
1.在angular.json内部：

"styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    "src/styles.css"
]

型
1.在styles.css中：

/* You can add global styles to this file, and also import other style files */
@import "~bootstrap/dist/css/bootstrap.css";

型

注意：如果使用第一种或第二种方式，则需要取消正在运行的应用程序，也就是说，如果ng serve处于活动状态，则需要使用Ctrl + C退出应用程序，而第三种方式则不需要取消应用程序。

在新版本的angular中，使用node_modules/bootstrap/dist/css/bootstrap.min.css代替**../node_modules/bootstrap/dist/css/bootstrap.min.css**
因此，在angular.json文件中，样式属性将如下所示

"styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css"
 ]

字符串

注意：如果ng serve已经在运行，那么您可能需要在完成上述更改后停止并重新运行它。Happy coding：）

在Angular 上，我们必须加上我们安装的引导装置的方向.
这意味着在Angular 中使用bootstrap的步骤如下。

1. npm install bootstrap

字符串
然后，我们必须在angular.json中添加路径，如下所示

"styles": [
              "src/styles.css",
              "node_modules/bootstrap/dist/css/bootstrap.css"
            ]

型