PrimeNG和引导

Question

我们在项目中使用了PrimeNG 5.2.x和Bootstrap 4.2.x。但是，PrimeNG组件未正确显示。当我们在文件.angular-cli.json中删除对bootstrap.min.css的引用时，PrimeNG组件可以正确显示。

有没有办法同时使用这两种方法？PrimeNG和Bootstrap是否可以共存？

谢谢

Answer 1

在我的例子中，网格上有一个冲突，我使用了primeflex，但Bootstrap覆盖了设置。解决方案:在angular.json中，将优先级样式设置(PRIMEFLEX)放在最后。

"styles": [
          "src/styles.css",
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/themes/mdc-light-indigo/theme.css",
          "node_modules/primeng/resources/primeng.min.css",
          "node_modules/primeflex/primeflex.css"
        ],