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 had the same issue with the scroll bar disappearing, and the body shifting to the left when opening a bootstrap modal.

I've found out an easy fix:

.modal
{
    overflow-y: auto !important;
}

.modal-open
{
   overflow:auto !important;
   overflow-x:hidden !important;
   padding-right: 0 !important;
}

Good luck to all!