我尝试在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。