title: modal not sliding from top
body: <p>I implemented the bootstrap model in my website.....
  the model is working fine but the model does not slide from top exactly like the actual bootstrap model....
  How to fix it....</p>
  
  <p>Actual model </p>
  
  <p><a href="http://jsfiddle.net/nJ6Mw/1/" rel="nofollow noreferrer">http://jsfiddle.net/nJ6Mw/1/</a></p>
  
  <p>model not sliding from top</p>
  
  <p><a href="http://jsfiddle.net/y88WX/embedded/result/" rel="nofollow noreferrer">http://jsfiddle.net/y88WX/embedded/result/</a></p>
  
  <pre><code>&lt;div id="example" class="modal hide fade in" style="display: block;" aria-hidden="false"&gt;
      &lt;div class="modal-header"&gt; &lt;a class="close" data-dismiss="modal"&gt;×&lt;/a&gt;
          &lt;h3&gt;This is a Modal Heading&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
          &lt;h4&gt;Text in a modal&lt;/h4&gt;
          &lt;p&gt;You can add some text here.&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt; &lt;a href="#" class="btn btn-success"&gt;Call to action&lt;/a&gt;
          &lt;a href="#" class="btn" data-dismiss="modal"&gt;Close&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>