6
respostas

Botão não deu certo

Bom dia como vai? Fiz o curso de bootstrap perfeito segui as aulas direitinho, no projeto seguindo a aula deu tudo certo inclusive o botão menu... mas quando eu fui fazer um outro projeto o botão não aparecia os menu, achei que poderia ser algo de importação enfim avaliei tudo e não encontrei o erro. dai copiei a pasta toda do projeto da aula que tinha dado certo e não funcionou de novo o menu botão

sabe me dizer algo sobre isso?

abraço aguardo resposta

6 respostas

Fala ai Marcelo, como está seu código do Menu?

A versão do Bootstrap é a mesma?

Fico no aguardo.

O Matheus tranquilo e ai? Cara é dificil ate de explica kkkk fiz um projeto seguindo a aula funciono bunitinho... depois criei um outro projeto e o botão não funcionou... ai copiei o primeiro projeto que tinha dado certo apenas renomiei a pasta rais tipo ( de copia x para y) só isso e o botão não aparecia o conteudo mais , o codigo ta perfeito, tanto que funciono em um projeto

ele ta igual mas quando aperta no botão não aparece os menus :(

<nav class="navbar navbar-default">
            <div class="container-fluid">
                <a class="navbar-brand" href="#">TESTE</a>                
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" 
                data-target="#example-navbar" 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="example-navbar">        
                    <ul class="nav navbar-nav">
                        <li class="dropdown-item"><a href="#sobre-nos">Sobre Nós</a></li>
                        <li class="dropdown-item"><a href="#nossos-projetos">Nossos Projetos</a></li>
                        <li class="dropdown-item"><a href="#depoimentos">Depoimentos</a></li>
                        <li class="dropdown-item"><a href="#videos">Vídeo</a></li>
                        <li class="dropdown-item"><a href="#contato">Contato</a></li>
                    </ul>
                </div>
            </div>
        </nav>

Oi Marcelo, me parece que seu código está correto. Você por acaso incluiu o arquivo bootstrap.js e jquery no seu projeto?

Coloquei teu código no jsfiddle com os arquivos "bootstrap.css", "bootstrap.js" e jquery... e funciona perfeitamente.

https://jsfiddle.net/4k6p0w7g/8/

Oi Marcelo pode ser só questão de atualizar os caminhos dos arquivos css do Bootstrap e o caminho do stript do Jquery que é necessário para o Bootstrap e logo em seguida o caminho do bootstrap.js. Deve ser isso. Caso queira checar mais algumas coisas indico a leitura de como importamos o bootstrap no nosso projeto.

Leitura

Espero ter ajudado, bons estudos.

Oi Marcelo ainda restou alguma dúvida a respeito desse tópico ou já foi solucionado ?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software