You can solve this issue by using a custom version of ui-bootstrap that doesn’t define modals. In fact, since ui-bootstrap defines modals as well it creates conflicts with ionic modals.
Copy all modal classes from ionic.css from line no. 3784 - 3884 of Ionic, v1.0.0-beta.13 into a new css lets say “modal.css” and import it after bootstrap.css.
All the conflicts are overridden by custom css.
Or you can just import bootstrap before ionic css. Worked for me. But I don’t know if this causes any other problems. Is there a reason to split the css and use another modal.css file?
absolutely no reason to split , only thing this approach does is that it will give you more control over customization of modal window with or without same import hierarchy.
I always find it easy to change, as app goes from POC to final design, constant changes and crazy deadlines does become headache if you are not on top of your code and doesn’t know where to fix it.