Fixed to top

to fix the navbar to the top of the page add a .navbar-fixed-top class to the <nav> element.

WARNING: The fixed navbar will overlay your other content, unless you add padding to the top of the <body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.

Fixed to bottom

Same thing as fixed to top but just with a .navbar-fixed-bottom class.

Static Top

Create a full-width navbar that scrolls away with the page by adding .navbar-static-top and include a .container or .container-fluid to center and pad navbar content.

Note: you don't need to pad the body when using this class