时间戳

首页 > 解决方案 > PrimeNG 和引导程序

bootstrap-4 - PrimeNG 和引导程序

问题描述

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

有没有办法同时使用两者？PrimeNG 和 Bootstrap 可以共存吗？

谢谢

标签： bootstrap-4primeng

解决方案

就我而言，网格上存在冲突，我使用了 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"
        ],

推荐阅读