Botão não aparece

Consegui chegar a uma solução para esse problema apenas alterando a linha:

<nav id="menu" class="nav navbar-nav">

para

<nav id="menu" class="nav navbar-nav navbar-default">

O problema é que: 1 - o botão não funciona. O menu sumiu como mostrado na aula 7 do curso de Bootstrap, mas ao passar o data-target, ele não funciona, o menu não aparece ao clicar no botão.

Segue o código:

    <div id="pai" class="row">
      <div class="col-xs-12 col-xs-10">
        <div class="menu">
         <nav>
         <div class="navbar-default" style="background-color: rgba(249,211,0,1.00);">
          <div class="container-fluid">

               <button id="botaoPosicao" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

             <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul id="menu" class="nav navbar-nav">
              <li class="LogoPosicao">  <img class="img-responsive" id="imagemBBlogo"  src="BBomParaTodos.png" alt="Banco Do Brasil Logo"> </li>
              <li><a class="Entenda" href="#">ENTENDA</a></li>
              <li><a class="SemJuros" href="#">SEM JUROS</a></li>
              <li><a class="Quebra">|</a></li>
              <li id="telefoneC"><a class="tel" href="#"> <span class="glyphicon glyphicon-earphone"></span> (99) 9999-9999</a></li>
              <li id="contatoLI"><a class="Contato" href="#Contato-Site" button  type="button"  data-toggle="button" aria-pressed="false" autocomplete="off">CONTATO</a></li>
            </ul>
            </div>
          </div>
        </div>
        </nav>
      </div>

Tem dois problemas, a ordem do bootstrap e jquery esta errada:

<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script href="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link href="CSS-projeto.css" rel="stylesheet" type="text/css">
E você usou href= dentro de script quando o correto deveria ser src=:

<script href="bootstrap/js/bootstrap.min.js"

O correto seria isto:

```

<!-- depois vem o bootstrap.js -->
```<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="CSS-projeto.css" rel="stylesheet" type="text/css">

Resolvido pelo usuário Guilherme Nascimento do StackOverflow BR

Oi Gustavo, que bom que você resolveu o problema. Vou marcar sua última resposta como correta para que outros alunos possam tirar proveito.