在angular 13中安装Bootstrap 5



我尝试在Angular 13中安装Bootstrap:https://www.itsolutionstuff.com/post/how-to-install-bootstrap-5-in-angular-13example.html

然而,当我将bootstrap更新到v5时,它不起作用,所有的样式都是错误的。另一方面,它可以在bootstrap 4.6.1下正常工作。

我也做了同样的链接。还有什么是应该做的吗?

我的建议是访问https://getbootstrap.com/并按照他们网站上的安装说明进行安装。它有最新版本的bootstrap 5,它给你的链接和脚本直接输入到你的HTML页面。

通常情况下,很难尝试仅通过npm install导入样式,您会发现在大多数情况下使用CDN要容易得多。

所以我建议你把你在package.json依赖项中列出的任何引导包制作成npm uninstall,然后转到你的angular项目的index.html,并在默认的<link>s下粘贴cdn:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

现在你的项目应该有bootstrap 5.

我的问题是一些类名从bootstrap 4更改为bootstrap 5。如果有人有同样的问题,我在这里留下一个链接:

引导5导航栏右对齐

另一方面,我安装了这个库,而不是引导,因为它有所有的依赖关系,我发现它更容易

https://ng-bootstrap.github.io//home

这很简单,你可以从我的2步进入Angular。

  • 使用Bootstrap Cdn - https://getbootstrap.com/docs/5.2/getting-started/download/

  • 使用NPM命令:- NPM install bootstrap——save或NPM i bootstrap——save.

如果你是Angular的新手,请访问我的博客,我已经在那个页面上创建了一个Detail内容。

请访问:- https://ngangulardetails.blogspot.com/p/how-to-install-bootstrap-5-or-latest.html。

最新更新