Navbar
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.
Navbar with Search
We can add search section in the Navbar. It will help in searching elements in the page.