我如何在ionic 4应用程序中添加和使用引导程序

tny*_*muz 5 twitter-bootstrap ionic4

我正在建立一个ionic 4应用程序,我想在不使用CDN方法的情况下使用引导程序。我已经使用npm install bootstrap安装了bootstrap。

Tri*_*e0t 15

使用Ionic 4,可以通过使用angular.json文件轻松完成此操作

打开angular.json文件,该文件可以位于项目的根目录

找到样式数组,将路径添加到下载的引导程序文件中

"styles": [
          {
            "input": "src/theme/variables.scss"
          },
          {
            "input": "src/global.scss"
          },
          {
            "input": "node_modules/bootstrap/dist/css/bootstrap.min.css"
          }
        ],
Run Code Online (Sandbox Code Playgroud)

如果您希望使用引导脚本,请将引导脚本也添加到scripts数组中。

请注意:为了使您能够使用引导脚本,还需要将jquery和popper.js添加到您的项目中