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.
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.
Navbar requires a wrapping
.navbar and a color scheme class (either
.navbar-inverse). Also add
.pmd-navbar for proper alignment.
Navbar with Profile Dropdown
.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.
Navbar with Search
We can add search section in the Navbar. It will help in searching elements in the page.