title: multiple modals and data-dismiss="modal"
body: <p>My web application uses multiple custom modals. The first modal always loads correctly, but further on modals don't load (the screen just greys out). I think the issue comes along with the attribute in the close button:</p>
  
  <pre><code>data-dismiss="modal"
  </code></pre>
  
  <p>Apparently, a solution is to attach an event listener to the button calling <code>.modal('hide')</code>. Is this the proper way of representing multiple modals? I am worried about simply removing <code>data-dismiss="modal"</code> as I don't understand its functionality well enough.</p>