title: Bootstrap Modal work but it won't display properly
body: <p>I really need your help. I am trying to use the bootstrap modal. It took me 3-4 h to make it work. Given that I use a template, it seems the bootstrap javascript was being rewritten. I found a way to make it work. </p>
  
  <p>But now, the problem is the model is being displayed without style at all :</p>
  
  <p><strong>Before :</strong></p>
  
  <p><img src="https://i.stack.imgur.com/MKAL7.png" alt="Before"></p>
  
  <p><strong>After :</strong></p>
  
  <p><img src="https://i.stack.imgur.com/96X3s.png" alt="enter image description here"></p>
  
  <p>I really need your help, Im stuck here and I really don't know how to solve that. The bootstrap.css look to work for all the sheet, so im not sure if this is the problem.</p>
  
  <p><strong>Here how I call the modal :</strong></p>
  
  <pre><code>&lt;div class="modal-backdrop fade in"  &gt;&lt;/div&gt;
     &lt;div class="modal hide fade in" id="myModal" style="display: none;"&gt;
         &lt;div class="modal-header"&gt;
             &lt;a class="close" href="#"&gt;×&lt;/a&gt;
             &lt;h3&gt;Modal Heading&lt;/h3&gt;
         &lt;/div&gt;
         &lt;div class="modal-body"&gt;
              &lt;p&gt;One fine body…&lt;/p&gt;
         &lt;/div&gt;
         &lt;div class="modal-footer"&gt;
             &lt;a class="btn primary" href="#"&gt;Primary&lt;/a&gt;
             &lt;a class="btn secondary" href="#"&gt;Secondary&lt;/a&gt;
         &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="bs-docs-example" style="padding-bottom: 24px;"&gt;
         &lt;a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large" data-backdrop="static" &gt;Launch demo modal&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you for your help !</p>