The Navbar is a horizontal bar that serves as the primary navigation for your product or site. Denali's navbar is versatile and responsive. It can contain a variety of elements including logos, links, icons, and search fields.
Implement a navbar by creating a <nav> tag and adding the .nav class.
Insert <div class="nav-left"> to place content to the center of the navbar.
Users who do not or cannot use pointing devices can tab through links. These links should be in a logical tabbing order, but if they aren't use the tabindex attribute to allow you to define the order. Apply these to nav-icons and nav-links.
We construct our navbar to be responsive by default, so the right and center sections need to be wrapped in .nav-responsive. To make this section visible add .is-active to the .nav-responsive element.