Note that there are some explanatory texts on larger screens.

plurals
  1. POTwitter bootstrap modal not working
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload