Barras de Ferramentas - Estrutura da Barra de Navegação

A barra de navegação é um widget nativo que contém botões de navegação. Criamos nossa navegação principal em HTML5 usando uma lista ordenada com links. A largura da barra de navegação é ocupada pelos botões que são distribuídos igualmente, mesmo em dispositivos móveis. Se a barra de navegação tiver mais de cinco botões, os botões são distribuídos em duas linhas, ocupando o espaço restante.

Podemos adicionar a classe "active" para destacar o botão de navegação ativo. Também podemos forçar a apresentação dos botões de navegação em uma única linha usando o atributo "grid-template-columns". Em resumo, aprendemos a criar uma barra de navegação responsiva e destacar o botão de navegação ativo.