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

As you usually put Bootstrap navbar as a direct child of the body container:

  
...

You can use the body padding-right value, calculated in the Bootstrap core code to prevent it from "jumping" when opening a modal window, to fix the navbar issue as well . A pure CSS solution is below:

.navbar-fixed-top {
  padding-right: inherit;
}

Easy as that.