twitter bootstrap modal popup, customized size and centralized location.

When I try to make bootstrap modal wider than the default. It is not centralized anymore, here we need to modify the css to adjust the left margin to the right px. Here is a block of handy code to adjust the modal width by a certain percentage of document width and adjust the left margin to centralize the modal as well.

        backdrop: true,
        keyboard: true
       'width': function () { 
           return ($(document).width() * .9) + 'px';  
       'margin-left': function () { 
           return -($(this).width() / 2);