Bootstrap Modal vertically centered

Capture the show event of the modal to calculate new position.

by sonic1980

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div id="myModal" class="modal hide fade">
<div class="modal-header"><h4>header</h4></div>
<div class="modal-body"><p>Hello</p></div>
<div class="modal-footer"></div>
</div>

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch Modal</a>

JavaScript

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