Angular使用bootstrap

一、npm安装

npm install bootstrap popper.js jquery --save

 二、angular.json配置

"styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],
"scripts": [
              "./node_modules/jquery/dist/jquery.min.js",
              "./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
            ]

解释一下为什么我没有在这里引用popper而是bootstrap.bundle，因为有了以下报错。

 

 可是我又不想下载popper包放进assets引用，查看官网后发现bootstrap.bundle这个包含有popper集成包，换成bootstrap.bundle就可以啦

三、bootstrap字体图标

下载

npm i bootstrap-icons

然后是字体图标也要导入，在app.componrnt.css里面使用的话导入就行

@import url("../../node_modules/bootstrap-icons/font/bootstrap-icons.css");

小白自学笔记，如有错误请指出！