1. Navbar

A simple navbar to house all your items.

Enclose things inside nav tag to make a navbar. Add the class fixed to fix to the top of the page.

Class nav-left-side is a special class for the left side of the navbar. You can add the class reverse-mobile-content to reverse the positions of the nav left side elements on a mobile device.

sidebar_toggle() is used to toggle the sidebar. See more about it in the Sidebar.

navToggle() is used to toggle the navbar on a mobile device.

Class nav-links is used to make the right side of the navbar composed of links. Its an Unordered link with its elements as List Items. nav-on-mobile is used to make it a menu in a mobile device. close-nav-links is a class used to create a button to close the nav menu on a mobile if you add onclick="navToggle()"

2. Navbar-Sidebar

Navbar like above and Sidebar you'll love.