时间戳

首页 > 解决方案 > 如何向 ionic 4 应用程序添加和使用引导程序？

twitter-bootstrap - 如何向 ionic 4 应用程序添加和使用引导程序？

问题描述

我正在构建一个 ionic 4 应用程序，我想使用引导程序而不使用 CDN 方法。我已经使用 npm install bootstrap 安装了引导程序。

标签： twitter-bootstrapionic4

解决方案

使用 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"
          }
        ],

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

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

推荐阅读