Angular 使用Ionic 2应用程序配置Bootstrap 3/4 css

Angular 使用Ionic 2应用程序配置Bootstrap 3/4 css,angular,twitter-bootstrap-3,ionic2,Angular,Twitter Bootstrap 3,Ionic2,我想在我的Ionic 2框架应用程序中获得所有bootstrap 3或4 css的功能 我按照引导css与angular 2集成的步骤安装引导css 对于Ionic 2,它不工作,Ionic 2框架的配置步骤是什么?我使用此技术将外部库添加到我的项目中 在根项目上创建一个文件夹“脚本” 在此文件夹中创建一个js文件“custom.lib.js” 导出此文件中的模块 前5个元素是离子配置(复制和粘贴) 然后在爱奥尼亚上添加任何你想包含的库(我给你留下了一个字体很棒库的例子) 覆盖package.j

我想在我的Ionic 2框架应用程序中获得所有bootstrap 3或4 css的功能

我按照引导css与angular 2集成的步骤安装引导css


对于Ionic 2,它不工作,Ionic 2框架的配置步骤是什么?

我使用此技术将外部库添加到我的项目中

  • 在根项目上创建一个文件夹“脚本”
  • 在此文件夹中创建一个js文件“custom.lib.js”
  • 导出此文件中的模块
  • 前5个元素是离子配置(复制和粘贴)
  • 然后在爱奥尼亚上添加任何你想包含的库(我给你留下了一个字体很棒库的例子)
  • 覆盖package.json上的“ionic_copy”配置,在package.json调用中创建一个会话

    “配置”:{ “ionic_copy”:“/scripts/custom.lib.js” },

  • 我希望这对你有帮助

     module.exports = {
          copyAssets: {
            src: ['{{SRC}}/assets/**/*'],
            dest: '{{WWW}}/assets'
          },
          copyIndexContent: {
            src: ['{{SRC}}/index.html', '{{SRC}}/manifest.json', '{{SRC}}/service-worker.js'],
            dest: '{{WWW}}'
          },
          copyFonts: {
            src: ['{{ROOT}}/node_modules/ionicons/dist/fonts/**/*', '{{ROOT}}/node_modules/ionic-angular/fonts/**/*'],
            dest: '{{WWW}}/assets/fonts'
          },
          copyPolyfills: {
            src: ['{{ROOT}}/node_modules/ionic-angular/polyfills/polyfills.js'],
            dest: '{{BUILD}}'
          },
          copySwToolbox: {
            src: ['{{ROOT}}/node_modules/sw-toolbox/sw-toolbox.js'],
            dest: '{{BUILD}}'
          },
          copyFontAwesomeCSS: {
            src: '{{ROOT}}/node_modules/font-awesome/css/font-awesome.min.css',
            dest: '{{WWW}}/assets/css/'
          },
          copyFontAwesome: {
            src: '{{ROOT}}/node_modules/font-awesome/fonts/**/*',
            dest: '{{WWW}}/assets/fonts/'
          }
        };