1
resposta

[Reclamação] Quase desistindo!

Já tentei de diversas formas fazer funcionar e simplesmente não consigo, na verdade a aula é tão atropelada que nem sei exatamente qual passo ta o erro. O Collapse não funciona, a dinâmica (sei lá) não é ativada, não tenho certeza se é um erro no código, erro na importação do Js, erro na importação do Jquery. Já li bastante do forum, vi que alguns códigos não funcionam ou mudaram dependendo da versão.

Queria aproveitar aqui e abrir o coração pra dizer que este curso esta simplesmente abandonado, abandonado do nível de estar tão desatualização que é simplesmente impossível prosseguir no passo a passo das aulas, sempre necessítando buscar conteudo externo, sei que a vida de um Dev funciona assim, mas o curso esta deixando os alunos sem norte algum!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Document</title>
    <!--<link rel="stylesheet"  href="C:\Users\wesle\Documents\GitHub\CursoBootstrap\Bootstrap\css\bootstrap.min.css">-->
    <link rel="stylesheet"  href="Bootstrap/css/bootstrap.min.css">
</head>
<body>
    <div class="container">

        <h2>Sobre nós</h2>
        <!--<img src="C:\Users\wesle\Documents\GitHub\CursoBootstrap\Arquivos do Curso\img\empresa.jpg" alt="">-->
        <img class="img-fluid" src="Arquivos do Curso/img/empresa.jpg">

        <h2 data-bs-toggle="collapse" data-bs-target="#primeiro-paragrafo">Desde 1932</h2>
        <p id="primeiro-paragrafo" class="collapse">TopCasaFina Arquitetura desde...</p>

        <h2>Desde 1932</h2>
        <p class="collapse">TopCasaFina Arquitetura desde...</p>

        <h2>Desde 1932</h2>
        <p class="collapse">TopCasaFina Arquitetura desde...</p>
    </div>
    <script src="Arquivos do Curso\js\jquery.js"></script>
    <script src="Bootstrap\js\bootstrap.min.js"></script>
</body>
</html>
1 resposta

Olá Mateus! Tbm estou estudando e pelo que vi no seu código aqui, acho que as suas linhas do JS estão com o simbolo barra "" ao contrario! Tente inverter eles assim "/" e conta se deu certo! Espero ter ajudado ;)

<script src="Arquivos do Curso/js/jquery.js"></script>
<script src="Bootstrap/js/bootstrap.min.js"></script>

Outra coisa, no seu paragrafo use a class="collapse show" assim:

<p id="primeiro-paragrafo" class="collapse show">A TopCasaFina Arquitetura esta no mercado desde...</p>

P.s: realmente o curso está bem desatualizado!