Navbar consists of 3 parts each of which may contain any HTML content, but it is suggested to use them like the way given below:

Left: It is designed to place back link ICONS or single text link.
Center: It is used to display title of the page or tab links.
Right: This part can be used similar as left part.

Below table demonstrates the use of navbar in detail:

1. Basic navbar: A basic navbar can be created by using the navbar, navbar-inner, left, center and right CLASSES.
2. Navbar with links: To use links in left and right part of your navbar, just add <a> tag with CLASS link.
3. Multiple links: To use multiple links, just add few more <a class="link"> to the part of your CHOICE.
4. Links with text and icons: The links can be provided with icons and text by adding classes for icons and wrapping the link text with <span> element.
5. Links with only icons: Navbar links can be provided with only icons by adding icon-only class to links.
6. Related app and view methods: On initializing the View, framework7 allows you to use methods available for navbar.
7. Hide navbar automatically: The navbar can be hidden/shown automatically for some Ajax loaded pages where navbar is not required.

Navbar consists of 3 parts each of which may contain any HTML content, but it is suggested to use them like the way given below:

Left: It is designed to place back link icons or single text link.
Center: It is used to display title of the page or tab links.
Right: This part can be used similar as left part.

Below table demonstrates the use of navbar in detail: