title: Twitter-bootstrap modal does not close on click
body: <p>I am getting trouble with Twitter bootstrap modal. It does not close even if I click on the close button.</p>
  
  <p>I have created the modal to available from the beginning i.e. on the page load it shows the modal. I did not use any javascript on my part.</p>
  
  <p>Here is the code</p>
  
  <pre><code>&lt;div id="myModal2" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true"&gt;
  &lt;div class="modal-header"&gt;
      &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
      &lt;h3 id="myModalLabel2"&gt;Instructions&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="modal-body"&gt;
      &lt;ol&gt;&lt;li&gt;Please press either left or right arrow button to start the carousel.&lt;/li&gt;&lt;li&gt;For continuous movement either put the cursor on this dialog or outside the viewport&lt;/li&gt;&lt;/ol&gt;
  
  &lt;/div&gt;
  &lt;div class="modal-footer"&gt;&lt;button class="btn" data-toggle="modal" data-target="#myModal"&gt;View Source&lt;/button&gt;
      &lt;button class="btn btn-primary" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>One thing, I should mentioned that I have two modal in the same page.</p>
  
  <p>And if you would like to see the page live, here is the link
  <a href="http://nazmulweb.com/bootstrap_carousel_full_page_fade" rel="nofollow">http://nazmulweb.com/bootstrap_carousel_full_page_fade</a></p>
  
  <p>If you have anything need to know more, please let me know.</p>
  
  <p>Thank you so much. </p>