Bootstrap modal in center

Showing up bootstrap.js modal dialog into center, when we dont use default width.

here is the hack:

        $("#headerPreview").modal('show').css(
        {
            'margin-top': function () {
                return -($(this).height() / 2);
            },
            'margin-left': function () {
                return -($(this).width() / 2);
            }
        })


Source: https://github.com/twitter/bootstrap/issues/374


Cheers!