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.
primeui-ng-all.min.css overlap with Bootstrap CSS
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
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?
-
- Posts: 33
- Joined: 01 Oct 2016, 02:08
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.
The component I saw this with was the PrimeNG dropdown component.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest