Problemas com a Classe Collaspse do BootStrap

[jcvilanova]

Galera, estou tentando implementar num codigo que estou desenvolvendo, bem basico por sinal, um Botao do Tipo Sanduiche e uma Navbar com a Classe collaspse, para que ao diminuir a resolução da tela, que o menu desapareça e fique somente o Botao sanduiche. Desses que a gente ve por ai. Ocorre que o meu menu ficou apenas meio apagado mas ao pasar o mouse por cima ele surge. E pior, quando clico no Botao, o menu não aparece. Gostaria de saber o que está acontecendo. Será se alguém poderia me dar uma mão ????

Esse foi o código que usei:

 

            

<header>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <a class="navbar-brand" href="<?= $BASE_URL ?>index.php">
        <img src="<?= $BASE_URL ?>img/logo.svg" alt="Agenda">
      </a>
      <button class="navbar-toggler" data-toggle="collapse" data-target="#menu">
      <span class="navbar-toggler-icon"></span>
      </button>
        
      <div>
        <div id="menu" class="collapse navbar-collapse">
             <ul class="navbar-nav">
                <li class="nav-link active">
                     <a href="<?= $BASE_URL ?>index.php"> Home </a>      
                </li>
                <a href="<?= $BASE_URL ?>gabinete.php"> Gestão de Gabinete</a>   
                <li class="nav-link">
                <a href="<?= $BASE_URL ?>fer_admin.php"> Ferramentas Administrativas</a>      
                </li>
                <li class="nav-link">
                <a href="<?= $BASE_URL ?>ver_contatos.php"> Contatos  </a>
                </li>
                <li class="nav-link">
                <a href="<?= $BASE_URL ?>create.php">Adicionar Contato</a>   
                </li>
                <li class="nav-link">
                <a href="<?= $BASE_URL ?>utilitarios.php">Utilitários</a> 
                </li>
                <li class="nav-link">
                <a href="<?= $BASE_URL ?>sair.php">sair</a> 
                </li>
            </ul> 
        </div>
      </div>
    </nav>
  </header>

           

 

 

Editado Julho 1, 2021 por jcvilanova