Framework7 - Navbars

Descrição

Neste capítulo, vamos estudar sobre navbar . Geralmente é colocado no topo de uma tela contendo o título da página e os elementos de navegação.

Navbar consiste em três partes, cada uma das quais pode conter qualquer conteúdo HTML, mas sugere-se que você use-as da maneira indicada abaixo -

Left- Ele é projetado para colocar ícones de link de volta ou link de texto único.
Center - É usado para exibir o título da página ou links da guia.
Right- Esta parte é semelhante à parte esquerda .

A tabela a seguir demonstra o uso da barra de navegação em detalhes -

S.Não	Tipos e descrição da barra de navegação
1	Navbar básico Uma navbar básica pode ser criada usando as classes navbar , navbar-inner , left , center e right .
2	Navbar com links Para usar links nas partes esquerda e direita de sua barra de navegação, basta adicionar a tag <a> com o link da classe .
3	Links múltiplos Para usar vários links, basta adicionar mais alguns <a class = "link"> à parte de sua escolha.
4	Links com texto e ícones Os links podem ser fornecidos com ícones e textos adicionando classes para ícones e envolvendo o texto do link com o elemento <span> .
5	Links apenas com ícones Os links da barra de navegação podem ser fornecidos apenas com ícones, adicionando uma classe apenas de ícone aos links.
6	Métodos de visualização e aplicativos relacionados Ao inicializar o View , framework7 permite que você use os métodos disponíveis para navbar.
7	Ocultar barra de navegação automaticamente O navbar pode ser ocultado / mostrado automaticamente para algumas páginas carregadas com Ajax onde o navbar não é necessário.