Twitter Bootstrap modal opening/closing causes fixed header to jump

Question

I am almost done with a simple 2-page website for my registered domain names. Unfortunately I have one small issue I can\'t seem to fix: a jumpy header when a Twitter Bootst

Answer 1

Another solution is to add:

.modal-open .navbar-fixed-top {
  overflow-y: scroll;
}

to prevent its content from jumping. Again, easy as that.

Answer 2

In 4.5, the following code solved my issue of the fixed header sliding left.

body.modal-open {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
    padding-right: 0!important;
  }
  .modal-open .fixed-top {
    padding-right: inherit!important;
  }