Notas :

1-Utiliza css para formatar alguns elementos.

2-a classe nav-pills e nav-tabs da ul trabalha em conjunto com a classe active da tag a.
   Essa classe active informa qual é o item ou aba ativa.
   nav-pills : faz com que os itens do menu tenham um formato de botão com bordas arredondadas.
   nav-tabs : faz com que os itens do menu sejam exibidos em abas.

3-O menu é alinhado por default à esquerda da tela.
   Caso precisemos de outro alinhamanto, na ul podemos incluir as classes :
      justify-content-center : Alinha o menu ao centro da página.
      justify-content-end : Alinha o menu à direita da página.
      flex-column : Faz o menu ficar vertical.

---

Menu simples 1:

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

Importante : O default quando não definimos o alinhamento é exibir o menu alinhado a esquerda da página.

---

Menu simples 2 -Alinhando o menu no centro da página com a classe justify-content-center:

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

---

Menu simples 3 -Alinhando o menu a direita da página(end) com a classe justify-content-end:

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

---

Menu simples 4 -Navegação vertical por linhas com a classe flex-column:

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

---

Menu com abas:

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

Note que o item 6 esta desabilitado porque acrescentamos a classe disabled ao link a.

---

Barra de navegação simples :

A classe navbar-expand da tag nav faz os itens ficarem todos na horizontal.
A classe navbar-expand admite os prefixos sm, md, lg e xl para formatar o tamanho de cada ite do menu.
A classe class="navbar-brand" da tag a do logo retira o sublinhado do link e aplica um estilo diferente ao link destacando dos demais.
As classes navbar-light e navbar-dark definem a cor dos caracteres dos itens do menu.
As classes bg-light e bg-dark definem a cor de fundo dos itens do menu.
A classe ml-auto da tag ul posiciona todos os itens do menu à direita da tela.