Make Scrolling NavBar Stick At Top Of Browser In Bootstrap

Question

I\'m new to Twitter Bootstrap and want to have a NavBar at the bottom of a deep\'ish MastHead and when the user vertically scrolls the page and the NavBar gets to the top of the

Answer 1

You can try CSS3 sticky position:

.sticky {
  position: sticky;
  top: 10px; /* When the element reaches top: 10px, it becomes fixed. */
  z-index: 100;
}

Browser support: http://caniuse.com/#feat=css-sticky