title: How to delay display of Bootstrap 3 modal after click
body: <p>I'm trying to delay the display of a Bootstrap modal after the user has clicked on a trigger button:</p>
  
  <pre><code>&lt;button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"&gt;
    Launch demo modal
  &lt;/button&gt;
  </code></pre>
  
  <p>Looking at the Bootstrap 3 documentation I can see there is a <code>show</code> event that can be hooked to but am not sure how to introduce a 3 second delay before the modal appears on screen. Hoping someone can help?</p>
  
  <p>Ref:
  <a href="http://getbootstrap.com/javascript/#modals" rel="noreferrer">http://getbootstrap.com/javascript/#modals</a></p>