Entrar Ainda não tem acesso?
Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
28
respostas

AINDA NÃO CONSEGUI RESOLVER MEU PROBLEMA!!!!

Referente ao curso Bootstrap: criação de uma single-page responsiva, no capítulo Começando a implementar o site seguindo o layout e atividade Importanto os arquivos JS

por lurian.correia
| 103.2k xp | 119 posts

Ainda não consegui achar o meu erro... Alguém poderia dar uma atenção? Não estou conseguindo seguir no curso! :(((( ESTÁ REALMENTE DIFICIL...

Estou tendo problema com a biblioteca jquery, na parte da aula em que aparece e some a escrita. será algum conflito de versões??? Porque no exercicio tem uma observação para usarmos a versão 2 e abaixo de 3 do bootstrap, porém fui baixar e aparece essa msg ---> "Atenção! Esses documentos são para v2.3.2, que não é mais suportado oficialmente"

A versão do Jquery tbm não é a mesma que o prefessor ensina... COMO POSSO RESOLVER PARA PODER SEGUIR COM O CURSO? ALGUÉM VAI RESOLVER O MEU PROBLEMA , OU VOU TER QUE PASSAR O DIA TODO ESPERANDO?????????????????????????????????????????????????????????

ESTOU AGUARDANDO UMA POSIÇÃO!

28 respostas
por lurian.correia
| 103.2k xp | 119 posts

ALGUÉÉÉÉÉÉÉMMMM ?????

por lurian.correia
| 103.2k xp | 119 posts

NÃO CONSIGO O MESMO RESULTADO, ACOMPANHANDO AS AULAS COM VERSÕES NOVAS?

por Instrutor
| 1137k xp | 1471 posts
Instrutor

Lurian, bom dia!

Eu vi que você abriu alguns tópicos a respeito, você baixou o boostrap 2.3.2, mas o que é usado na aula é o 3.3, creio que o JQuery esteja certo. baixa a versão do link e tenta novamente. Qualquer coisa só mandar aqui que eu respondo

Espero ter ajudado e bons estudos!

por lurian.correia
| 103.2k xp | 119 posts

OBRIGADA POR ME RESPONDER... eu baixei essa versão, mas e o jquery agora? qual versão eu baixo para conseguir fazer oque está na aula?????

por Instrutor
| 1137k xp | 1471 posts
Instrutor

E o link para a versão do JQuery é esse aqui com o bootstrap do comentário acima e esse Jquery, muito provavelmente vai dar tudo certo!

Espero ter ajudado e bons estudos!

por Felipe Nascimento
| 481k xp | 657 posts
Instrutor

Oi Lurian tudo certo ??

Além da versão do bootstrap que o Felipe passou,

Aqui está a versão Jquery utilizado no curso , não esqueça de salvar o texto do link do Jquery como .js e importar no HTML

por lurian.correia
| 103.2k xp | 119 posts

por favor, espera eu tentar aqui antes de sumir... HAHA :(

por lurian.correia
| 103.2k xp | 119 posts

eu salvo dentro da pasta "JS" do bootstrap?

por Instrutor
| 1137k xp | 1471 posts
Instrutor

Exatamente Lurian, dentro da pasta JS e com a extensão .js também

por lurian.correia
| 103.2k xp | 119 posts

AIII DEUS... estou colocando la, salvando com .js e não está dando certo!!!

está aparecendo isso no console ----> index.html:28 GET file:///C:/Users/Lurian/Desktop/Bootstrap/bootstrap3/jquery.js net::ERR_FILE_NOT_FOUND bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery at bootstrap.min.js:6

por Estudante
| 69.9k xp | 13 posts

A minha sugestão foi a mesma em outro tópico, com a diferença que eu falei para extrair os arquivos disponíveis na aula 9, que é onde se encontram as versões anteriores.

por lurian.correia
| 103.2k xp | 119 posts

eu peguei as versoes que eles me falaram... a 3 do bootstrap e 1.12 do jquery... E NÃO ESTÁ DANDO CERTO!!! :(((((

por lurian.correia
| 103.2k xp | 119 posts

não sei se ajuda, mas segue meu código!!!

<!DOCTYPE html>
<html lang="pt" dir="ltr">

  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" type="text/css" href="bootstrap3/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 class="img-responsive" src="img/empresa.jpg">

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

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

</div>

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

</body>

</html>
por Instrutor
| 1137k xp | 1471 posts
Instrutor

Laurian, arquivo de html, você está passando o mesmo caminho em que salvou o js? verifique se o nome está igual.

por lurian.correia
| 103.2k xp | 119 posts

como? não entendi...

por lurian.correia
| 103.2k xp | 119 posts

o meu html salvei como index.html é isso que queria saber? não entendi mt bem :/

por Felipe Nascimento
| 481k xp | 657 posts
Instrutor

Oi Lurian,

O arquivo JQuery você salva fora da pasta do bootstrap

foto

Note que o salvamos o arquivo com nome jquery-1.12.1.min.js

Mas o instrutor renomeia para jquery.js

e a source fica assim: 

<script src="jquery.js"></script>
<script src="bootstrap3/js/bootstrap.min.js"></script>
por Instrutor
| 1137k xp | 1471 posts
Instrutor

Laurian, você adicionou o arquivo dentro da pasta /js correto? Você precisa alterar o caminho no arquivo html ficando assim:

<script src="bootstrap3/js/jquery.js"></script>

O bootstrap.css deve estar dentro da pasta /css

por Instrutor
| 1137k xp | 1471 posts
Instrutor

Exato você pode fazer como o Felipe Nascimento disse que irá funcionar, recomendo seguir as instruções dele

por lurian.correia
| 103.2k xp | 119 posts

E MUDEI O LUGAR, SALVANDO O JQUERY AONDE O FELIPE NASCIMENTO FALOU, O ERRO NO CONSOLE SUMIU, MAS NÃO ESTÁ MUDANDO NADA!!! NÃO FUNCIONA. :(((((

<!DOCTYPE html>
<html lang="pt" dir="ltr">

  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" type="text/css" href="bootstrap3/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 class="img-responsive" src="img/empresa.jpg">

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

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

</div>

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

</body>

</html>
por lurian.correia
| 103.2k xp | 119 posts

E então? :(

por Instrutor
| 1137k xp | 1471 posts
Instrutor

Laurian, eu tentei aqui e funcionou com o seguinte código, tenta ele se não funcionar é porque o seu caminho dos arquivos está incorreto, você só vai precisar corrigir os caminhos e funcionará perfeitamente

<!DOCTYPE html>
<html lang="pt" dir="ltr">

  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" type="text/css" href="bootstrap.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">

  </head>
  <body>

<div class="container">
    <h2>Sobre nós</h2>
    <img class="img-responsive" src="img/empresa.jpg">

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

    <h2 data-toggle="collapse" 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="collapse" 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="jquery.js"></script>
<script src="bootstrap3/js/bootstrap.min.js"></script>

</body>

</html>
por lurian.correia
| 103.2k xp | 119 posts

UÉÉÉÉÉ... FUNCIONOU!!! OQUE VOCÊ MUDOU?????? :O

por Felipe Nascimento
| 481k xp | 657 posts
Instrutor

Oi Lurian,

O problema estava no seu html dentro da classe container estava faltando informações

por lurian.correia
| 103.2k xp | 119 posts

Os id's? E AS class? eu fiz o teste aqui e coloquei eles tbm. e tbm nao estava funcionando!!! :O

por lurian.correia
| 103.2k xp | 119 posts

AHHHHHHH... DESCOBRI!!! esse é o código que enviei acima, REPAREM NO DATA-TOGGLE????

ESTÁ COM 2 "O"

<!DOCTYPE html>
<html lang="pt" dir="ltr">

  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" type="text/css" href="bootstrap3/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 class="img-responsive" src="img/empresa.jpg">

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

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

    <h2>Desde 1935</h2>
    <p class="collapse">A TopCasaFina Arquitetura está no mercado desde...</p>

</div>

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

</body>

</html>
por lurian.correia
| 103.2k xp | 119 posts

Mas MUITO, MUITISSIMOOOOOO OBRIGADA, pela atenção de vocês.

solução!
por Instrutor
| 1137k xp | 1471 posts
Instrutor

Estamos a disposição, não esqueça de marcar os tópicos como solucionados para ajudar os outros alunos!

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA