Bootstrap modal doesn't work on iPhone
css, twitter-bootstrap
Solution
I had the same problem these days and figured out, that safari on iOS is working differently to other browsers with respect to one thing. The modal window is not shown on safari but on many other browsers, when there is a href="#" missing.
not working on Safari/iOS but other browsers:
<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>
working on Safari/iOS and other browsers:
<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>
Problem
I'm using a Bootstrap modal dialog on my site (which works fine on desktop). When I try to use this function on iPhones and iPads, the modals do not work. Is there a reason for this? Has anyone come up with a fix for this whilst using Bootstrap's CSS via `@import`? I use the Bootstrap override file to make changes to the Bootstrap CSS.