How can I prevent body scrollbar and shifting when twitter bootstrap modal dialog is loaded?

Question

When I open the twitter bootstrap modal dialog, the backdrop causes a scrollbar and shift the content.

To avoid the scrollbar I use this css:

.modal         


        

Answer 1

Mine is easy there it is (CSS Only):

body {
padding-right:0px !important;
margin-right:0px !important;
}

The fact is the !important is overlapping bootstrap from changing padding and margin with the modal-open class and styles.