Navbar is a simple wrapper for positioning branding, navigation, and other elements into a concise navigation header. It’s easily extensible and, with the help of our collapse plugin, it can easily integrate offscreen content.

Bootstrap Navbar

It is a responsive meta component that serves as navigation header for your application or site.
It begin collapsed (and are toggleable) in mobile view and become horizontal as the available viewport width increases.

Propeller Navbar

Navbar requires a wrapping .navbar and a color scheme class (either .navbar-default or .navbar-inverse). Also add .pmd-navbar for proper alignment.

Navbar with Profile Dropdown

The .pull-right class is used to right-align Profile dropdown.

Navbar Collapsible with Sidebar

The navigation bar takes up too much space on a small screen. Add .pmd-navbar-toggle immediately followed by bootstrap .navbar-toggle to hide the navigation bar in low resolution and only show it when needed. Use .pmd-navbar-sidebar to manage the alignment of sidebar.

We can add search section in the Navbar. It will help in searching elements in the page.