title: Bootstrap modal only showing backdrop
body: <p><strong>EDIT:</strong> I've found the issue.  Turns out the person who originally made this page missed a closing <code>&lt;div&gt;</code> tag on modal s/he had created, so the content of my modal was hidden inside the original.</p>
  
  <p>My bootstrap modal is not showing the dialog box, instead only showing the darkened backdrop. I have the following Modal set up in the footer of my page.</p>
  
  <pre><code>&lt;div id="timePopup" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style='border-radius:0px;width:430px;margin-left:-215px'&gt;
      &lt;div class="modal-body"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute; top: 3px; right: 7px; z-index: 9999;"&gt;&amp;times;&lt;/button&gt;
          &lt;div class="modal-body" style='border: black solid 2px;margin: 5px;'&gt;
              &lt;?php echo $popup_content; ?&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><code>$popup_content</code> just contains the simple string 'Test test test test'.  It is triggered by an <code>onclick</code> attribute in a <code>&lt;span&gt;</code> which call this function</p>
  
  <pre><code>function forcePopUp(){
      jQuery('#timePopup').modal('show');
  }
  </code></pre>
  
  <p>The exact same code worked on our development server, but since moving it to the testserver this has started happening, or not happening i suppose.</p>
  
  <p>From another post on SO I tried removing the .hide class from the modal, and have ensured this modal has a unique id. Any other ideas why would be appreciated.</p>