title: Bootstrap Modal won't trigger on MOBILE chrome, works fine on mobile firefox/ie
body: <p>This is a day I thought I would never see, Chrome seems to be breaking whenever I load this page and the modals (click on images) are not triggering. Note: This is a MOBILE only problem.
  <a href="http://clients.dnwebdev.com/janis/mbrush/portfolio/marine/" rel="nofollow">Problem Page</a></p>
  
  <p>It works fine on Firefox/IE (Mobile), which is the other way around usually. The Racing/Business pages are working fine so I am leaning towards it not being a bug but a user error.</p>
  
  <p>The Gallery I am using is <a href="https://github.com/blueimp/Bootstrap-Image-Gallery" rel="nofollow">blueimp</a></p>
  
  <p>This is my code for my modals:</p>
  
  <pre><code>     &lt;a href="../assets/images/marine/pm61.jpg" title="Marine" data-gallery&gt;
          &lt;img src="../assets/images/marine/pm61.jpg" alt="Marine"&gt;
      &lt;/a&gt;
  
  
  &lt;div id="blueimp-gallery" class="blueimp-gallery"&gt;
      &lt;!-- The container for the modal slides --&gt;
      &lt;div class="slides"&gt;&lt;/div&gt;
      &lt;!-- Controls for the borderless lightbox --&gt;
      &lt;h3 class="title"&gt;&lt;/h3&gt;
      &lt;a class="prev"&gt;&amp;#60;&lt;/a&gt;
      &lt;a class="next"&gt;›&lt;/a&gt;
      &lt;a class="close"&gt;×&lt;/a&gt;
      &lt;a class="play-pause"&gt;&lt;/a&gt;
      &lt;ol class="indicator"&gt;&lt;/ol&gt;
      &lt;!-- The modal dialog, which will be used to wrap the lightbox content --&gt;
      &lt;div class="modal fade"&gt;
          &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                  &lt;div class="modal-header"&gt;
                      &lt;button type="button" class="close" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                      &lt;h4 class="modal-title"&gt;&lt;/h4&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body next"&gt;&lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                      &lt;button type="button" class="btn btn-default pull-left prev"&gt;
                          &lt;i class="glyphicon glyphicon-chevron-left"&gt;&lt;/i&gt;
                          Previous
                      &lt;/button&gt;
                      &lt;button type="button" class="btn btn-primary next"&gt;
                          Next
                          &lt;i class="glyphicon glyphicon-chevron-right"&gt;&lt;/i&gt;
                      &lt;/button&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Edit: After testing, it seems like NO link is working (not even the footer watermark links)</p>
  
  <p>Please advise,</p>
  
  <p>Thank you.</p>
  
  <p>Robert</p>