Angular13引入Bootstrap4.6

312 阅读1分钟

方法1 CND引入

在angualr项目中的index.html文件中直接以CDN的方式引入

bootstrap4.6官网:v4.bootcss.com/docs/gettin… image.png

方法1 修改angular.json

直接将bootstrap4保存到本地项目中在angular.json的"styles": [],中引入。改完之后要重启项目才会生效,如果想引入js的话就在"scripts": []中引入

image.png

方法3 还可以直接引入到跟项目styles.css中

方法4 使用npm

npm i bootstrap@4.6 直接在styles.css引入: @import "~bootstrap" 引入js的话需要安装jq和poper.js: npm i jquery popper.js 直接在main.ts中引入import 'bootstrap'

image.png image.png

方法3和4的前提是你的angular.json的"styles": [],中引入的是styles.css