Bootstrap 3 modal creates scrollbar when opened

Question

I\'m trying to use Bootstrap for the first time and am having an issue with modal dialogs. Using the example code on this page, when the modal is opened a scrollbar appears,

Answer 1

In this case you can overwrite bootstrap main css using your own css cause sometime may effect other. so this is simple code which work

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

body.modal-open {
    margin-right: 0 !important;
} 

if you want to change main bootstrap css then update this

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0 !important;
}