Modal plugin of Bootstrap 2 is not displayed by the center

Question

I use bootstrap modal plugin. But modal dialog is not shown in center. Why? my mistake?

http://dl.dropbox.com/u/573972/stackoverflow/bootstrap/modal.html

Answer 1

Capture the show event of the .modal and then calculate the new position:

$('body').on('show', '.modal', function(){
  $(this).css({'margin-top':($(window).height()-$(this).height())/2,'top':'0'});
});​

DEMO: http://jsfiddle.net/sonic1980/b2EHU/