title: Bootstrap Modal does not work on iOS devices
body: <p>I am working on a website using Bootstrap and have a problem I can't seem to fix. Here is the <a href="http://www.tbiq.com/envieta/">draft of the site</a>.</p>
  
  <p>On the "What We Do" panel, I made a clickable modal window on the first thumbnail box (it says "Enterprise Software development" under the thumbnail). If you click the thumbnail on a non-mobile device, a modal window will pop-up.</p>
  
  <p>On a desktop computer (or laptop), it works just fine. But on a iOS (iPhone, iPad, etc.) it doesn't work at all: i.e. tapping it doesn't bring up the modal window.</p>
  
  <p>However, if you look lower on the page at the "Who We are" panel, there is a "See more about Tim..." button. If you click <em>or tap</em> on that button, it will work across all devices (include iOS). </p>
  
  <p>The only difference I can see between the two is that the first one is on a <code>&lt;div&gt;</code> tag, whereas the second one is on a <code>&lt;button&gt;</code> tag.</p>
  
  <p>Does Bootstrap not support starting up a modal window from a <code>&lt;div&gt;</code> on an iOS device? If it does, do you see anything wrong with my code that would make it fail only on iOS devices?</p>