0

I'm creating a simple Modal in bootstrap, nothing modified, simply:

$('#myModal').modal({backdrop:false})

But when the modal opens it's wider than the browser, not matter what size the window is and creates a 20px or so space.

enter image description here

Any ideas why this is happening, my layout is based off of the Jumbotron template, nothing unique, just color changes mostly.

secondman
  • 3,233
  • 6
  • 43
  • 66

1 Answers1

1

I found the answer for anyone else that's having this issue.

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}

in bootstrap.css

In your theme stylesheet set:

body.modal {
    margin: 0;
}

Thanks for looking.

secondman
  • 3,233
  • 6
  • 43
  • 66
  • check [this](http://stackoverflow.com/questions/21604674/bootstrap-modal-background-jumps-to-top-on-toggle) – Shaiju T Jun 25 '15 at 13:16