将简单的 bootstrap 模板集成到 Angular

Integrate simple bootstrap template into Angular

我用 ng new test-app 创建了一个新的 angular 应用程序。现在我想使用这个非常基本的模板 Start Bootstrap.

我该怎么做？

到目前为止我做了什么：

  1. 我执行了npm install bootstrap
  2. 我将 node_modules/bootstrap/dist/css/bootstrap.css 添加到 angular.json 文件

据我所知，我现在拥有所有可用的东西。现在我只是将 <body>...</body> 从 html-Template 复制到 app.component.html 但我用 jQuery 脚本删除了底部的内容。

好吧，结果是它看起来相似但远非漂亮。我究竟做错了什么？是不是少了什么？

好的，解决方法很简单：

  1. 我忘记将 bootstrap 脚本添加到 angular.json。所以我在脚本中添加了 node_modules/bootstrap/dist/js/bootstrap.js。

  2. 我在安装 bootstrap5 时使用了 bootstrap4 模板。所以我切换到 bootstrap5 模板。

一切正常！

注意：显然你必须检查模板是否有一些额外的css设置或一些额外的包。