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

I added this to my CSS and seemed to work when adding a 'fixed' overlay to view

.modal-open {
    margin-right: 15px;
}