title: Twitter bootstrap modal not working
body: <p>I am new to Twitter Bootstrap. I am working on a modal panel, but it is not being displayed. It fades the screen, but the modal itself does not appear. I have checked the error console, and there are no errors.</p>
  
  <p>My code is inside the <code>&lt;head&gt;</code> tag; I include the scripts like:</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="&lt;?php echo $ruadmin ?&gt;js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo $ruadmin ?&gt;js/tablesorter/jquery.tablesorter.js"&gt;&lt;/script&gt;
  &lt;script src="&lt;?php echo $ruadmin ?&gt;js/tablesorter/tables.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Modal page:</p>
  
  <pre><code>&lt;a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large"&gt;Launch demo modal&lt;/a&gt;
  
  &lt;!-- Modal --&gt;
  &lt;div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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="myModalLabel"&gt;Welcome&lt;/h3&gt;
    &lt;/div&gt;
    &lt;div class="modal-body"&gt;
      &lt;p&gt; Hello &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="modal-footer"&gt;
      &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
      &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>