Framework7 - Navbars

Description

In this chapter let us study about navbar. It is a usually placed at top of a screen containing title of the page and navigation elements.
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:

S.N.	Navbar Types & Description
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.