0

我知道 Bootstrap 和其他一些与 Angular 相关的框架，但我将进入第一个 Angular 13 应用程序。

我可以看到使用 LESS 是一个对所有变量和混合等都很酷的选项，但是我如何将引导程序间接导入到我的 Angular 应用程序中呢？

我希望它在 LESS 上使用，但仍然能够使用 Bootstrap 中的东西，例如 BS 5.1+ 的间距和断点以及 toolitps 部分：

pe-3, mb-2, etc.
  1. Bootstrap 还在使用 JQuery 吗？（我不这么认为，但想确定）
  2. 我们能否以这种方式使用 Bootstrap 并保持预编译并快速下载单页应用程序？

再次，我是 Angular 的新手，并且整合了所有东西。

4

2 回答 2

1

如果您想同时使用 Angular 和 Bootstrap，我建议您让事情变得更轻松。

  1. 不要使用 LESS，使用 SASS——Angular 和 Bootstrap 都使用开箱即用的 SASS，它仍然为您提供变量和其他 CSS 预处理器功能。
  2. 不要自己搞乱导入，只需使用ng-bootstrap

ng-bootstrap 不仅能让你获得所有你熟悉的类，它还能让一些更复杂的组件变得相对容易。

注意：如果你想要 Bootstrap 5，你需要@ng-bootstrap/ng-bootstrap@bootstrap5

于 2022-01-31T19:19:51.263 回答
0

是的，您可以在 Angular 应用程序中使用引导程序以及自定义 LESS 代码。最简单的方法是将引导网站上的 CDN 链接添加到 Angular应用程序中 index.html 文件的标题部分。

于 2022-01-27T06:35:16.970 回答