Bootstrap’s powerful, responsive navigation header, the navbar, includes support for branding, navigation, and more, including support for collapse plugin.

Like footer, navbar is wrapped in a partial. Partials are basically just html files that are designed to be used from within other pages by specifying the path to the partial file and its classes via addClass variable like this:
<partial src="nav.html" addClass="bg-transparent fixed-top"></partial>
Class Description
.bg-* Use the following background utilities (eg. .bg-primary) as the background color for the navbar element.
.bg-transparent When used with .fixed-top will switch from transparent to solid color once user scrolls past a certain point.
.navbar-dark For use with dark background colors, eg. .navbar-dark .bg-primary
.navbar-light For use with light background colors, eg. .navbar-light .bg-light
.navbar-center Navbars and their contents are fluid by default. Use .navbar-center to center it on a page.
.fixed-top Use to fix it to the top or .fixed-bottom to fix it to the bottom.
.sticky-top Use to stick it to the top (scrolls with the page until it reaches the top, then stays there).