title: Bootstrap modal issue on Safari/iOS/iPhone
body: <p>Bootstrap modal fade is working perfectly on Chrome/Internet Explorer, but it doesn't work on the iPhone/Safari. Does someone a solution for this issue? </p>
  
  <pre><code>&lt;div class="modal fade" id="notice" tabindex="-1" role="dialog" aria-labelledby="notice" aria-hidden="true"&gt;
      &lt;div class="modal-dialog"&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-body"&gt;
                  &lt;img src="https://random.hellyer.kiwi/files/2013/11/wiley-coyote-help.jpg" /&gt;
                  | wait, I'm updating...
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      $('#notice').modal('show');
      setTimeout(function () {
          $('#notice').modal('hide');
      }, 3000);
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/mmbtfhaf/" rel="noreferrer">https://jsfiddle.net/mmbtfhaf/</a></p>