How is the vertical center of Twitter Bootstrap 3 modal?

Question

I am trying to vertically center the Boostrap 3 dialog with no success. How can I do that?

Answer 1

You can reach the center of vertical alignment on Bootstrap 3 like this:

.modal-vertical-centered { transform: translate(0, 50%) !important; -ms-transform: translate(0, 50%) !important; /* IE 9 */ -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */ } 

and add this css class to the modal dialog container

 <div class="modal-dialog modal-vertical-centered"> ... 

jsFiddle working example: http://jsfiddle.net/U4NRx/