Entrar Ainda não tem acesso?
3
respostas

Não está importando

Referente ao curso Bootstrap: criação de uma single-page responsiva

por Maria Heloisa Folsta Pizarro
| 32.2k xp | 11 posts

Olá

Preciso de ajuda, não está importando o meu jquery e javacript no código e por isso o comportamento não está ocorrendo.

O que eu faço?

Sobre Nós

Desde 1935

A TopCasa Fina Arquitetura está no mercado desde...

         <h2 data-toggle="colapse" data-target="#segundo-paragrafo">Desde 1935</h2>   
         <p id="segundo-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde...</p> 

         <h2 data-toggle="colapse" data-target="#terceiro-paragrafo">Desde 1935</h2>   
         <p id="terceiro-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde...</p> 
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
3 respostas
por GUILHERME F ALMEIDA
| 48.8k xp | 33 posts
Técnico em Informática

Bom dia.

Me parece que você está importando 2x o arquivo bootstrap.min.js, tente remover este último:

<script src="bootstrap/js/bootstrap.min.js"></script>

Verifique também se você está importando o arquivo css que fica lá no head. O link é este:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

por Maria Heloisa Folsta Pizarro
| 32.2k xp | 11 posts

Continua não funcionando. Vou te mandar o código inteiro.

Sobre Nós

Desde 1935

A TopCasa Fina Arquitetura está no mercado desde...

         <h3 data-toggle="colapse" data-target="#segundo-paragrafo">Preços Acessíveis</h3>   
         <p id="segundo-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde...</p> 

         <h3 data-toggle="colapse" data-target="#terceiro-paragrafo">Alegria para colaborar com um mundo mais bonito</h3>   
         <p id="terceiro-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde...</p> 
    </div>
    <script src="bootstrap-1/js-1/jquery.js"></script>
    <script src="bootstrap-1/js-1/bootstrap.min.js"></script>
</body>
por GUILHERME F ALMEIDA
| 48.8k xp | 33 posts
Técnico em Informática

Bom dia Maria, tudo certo?

Para o Bootstrap funcionar você precisa importar três scripts javascript referentes ao jQuery, o Popper.js e o arquivo próprio do Bootstrap. No último código que você enviou por último está faltando a importação do Popper.js, acredito que você removeu por engano.

Certifique-se de ter estes três scripts importados no seu código:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

Também é importante cuidar a ordem de importação. O jQuery precisa ser importado primeiro, depois o Popper e por fim o bootstrap.min.js, da forma como está no exemplo que mandei.