PrimeNG和bootstrap4 CSS引用是否相互重叠？

Question

我使用bootstrap 4和PrimeNG实现了一个在angular 6中创建的项目，但是遇到了bootstrap和prime css重叠的问题

尝试了所有在线可用的解决方案

         @import "~@angular/material/prebuilt-themes/indigo-pink.css";
       @import "../node_modules/primeng/resources/themes/omega/theme.css";
      @import "../node_modules/primeng/resources/themes/nova- 
     light/theme.css"; 
     @import "../node_modules/primeng/resources/primeng.min.css";
    @import "../node_modules/primeng/resources/themes/omega/theme.css"; 
    @import "../node_modules/primeicons/primeicons.css"; 
    @import "../node_modules/primeng/resources/themes/darkness/theme.css";
    @import "../node_modules/primeng/resources/primeng.min.css";

    <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> 
  </script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>