title: Bootstrap modal-backdrop height when using .load?
body: <p>I am using <code>.load</code> to load content with ajax into bootstrap modal body. However, the height of the modal-backdrop isn't from top to bottom as i guess it is firing the modal before the actual images have loaded into the modal. <a href="http://getbootstrap.com/javascript/#modals-options" rel="nofollow">According to bootstrap doc</a> we should be using <code>.load</code> and not the <code>remote</code> functionality</p>
  
  <p>CSS</p>
  
  <pre><code>.modal-backdrop {
    position: absolute; - even tried with fixed
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
  </code></pre>
  
  <p>jQuery I tried to try firing the modal once the content has been loaded</p>
  
  <pre><code>$(this).parent().find(".modal-body").load(cont,function(data){
     thisModal.modal();
  });
  </code></pre>
  
  <p>However, the callback is still firing before the images have loaded. The only real solution I have got is using css and doing:</p>
  
  <pre><code>.modal-backdrop {
      min-height: 2000px;
  }
  </code></pre>
  
  <p>Is it there any better way?</p>