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

For me only the combination of two answers worked.

css:

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

body.modal-open {
    overflow: auto;
}

stylus:

body
  padding-right:0px !important
  margin-right:0px !important
  &.modal-open
    overflow: auto