Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Collapse não funciona

Galera. Este colapse não funciona de forma nenhuma, já tentei varias versões do jquery mas ainda nada.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="bootstrap/CSS/bootstrap.min.css">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
      <div class="container">
          <h2>Sobre Nós</h2>
          <img src="img/empresa.jpg" class="img-responsive">

          <h2 data-toggle="collapse" data-target="#primeiro-paragrafo">Desde 1935</h2>
          <p id="primeiro-paragrafo" class="collapse in">A TopCasaFina Arquitetura esta no mercado desde...</p>

          <h2 data-toggle="collapse" data-target="#segundo-paragrafo">Desde 1935</h2>
          <p id="segundo-paragrafo" class="collapse">A TopCasaFina Arquitetura esta no mercado desde...</p>

          <h2 data-toggle="collapse" data-target="#terceiro-paragrafo">Desde 1935</h2>
          <p id="terceiro-paragrafo" class="collapse">A TopCasaFina Arquitetura esta no mercado desde...</p>
      </div>

      <script type="jquery.min.js"></script>
      <script type="bootstrap/js/bootstrap.js"></script>

    </body>

</html>
4 respostas

Fala Paulo,

Você já verificou a documentação do Bootstrap?

LINK

Lá tem um exemplo, dê uma olhada pra ver se não faltou alguma coisa na chamada do JS ou em alguma classe.

Abraços!

Pelo que verifiquei na documentação do Bootstrap o código esta correto. Já verifiquei cada linha do código e não encontro o problema.

solução!

Oi Paulo vamos por parte, primeiro vamos verificar algumas questões:

  • Baixe exatamente as versões do Boostrap utilizadas no curso de modo a mantermos uma paridade visual com o curso.

  • Feito isso coloque as pastas descompactadas do css e js no mesmo diretório onde se encontra seu index.html

  • Verifique se seu caminho tem mesmo uma pasta CSS maiúscula e se os nomes de arquivos importados na tag link estão certos.

*O Bootstrap precisa do Jquery pra funcionar logo você deve baixar o Jquery e colocar ele na pasta js. Reparei que você importou ele da seguinte forma:

<script type="jquery.min.js"></script>

Isso seria se ele tivesse no mesmo local do seu index.html provavelmente ele não está.

Obs:. Os arquivos .min.js servem e você pode eliminar essa pasta bootstrap pra facilicar e deixar só a pasta css e a pasta js.Bom checando isso tenho certeza que vá funcionar.

Espero ter ajudado bons estudos.

Oi Paulo 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