primeui-ng-all.min.css overlap with Bootstrap CSS

[yc355]

Using primeui-ng-all.min.css in conjunction with Bootstrap 3.3.6 css for PrimeNG native components (e.g., Dropdown, MultiSelect) seems to reveal that there is overlap between the two stylesheets. Specifically, some alignment and hover effects with native PrimeNG components are broken when using Bootstrap css and are fixed when Bootstrap css is not imported. However, Bootstrap components (e.g., dropdowns) don't seem to be affected by primeui-ng-all.min.css.

Has anyone else seen this? Is there a solution (e.g., somehow prioritizing css links?)? Thanks.

[Enlitened]

I'm also having this same issue, does anyone have a solution?

[cagatay.civici]

Bootstrap has box-sizing:border-box for everything which is likely to break some of our components. Do you have an example case where bootstrap breaks the component? I guess it is still functional but UI feels wrong right?

[paul.d.carlson]

I have seen this as well - I just opted to got exclusively with PrimeNG/Ultima and give bootstrap the boot.

The component I saw this with was the PrimeNG dropdown component.