Entrar Ainda não tem acesso?
Solucionado (ver solução)
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
| 1131.2k 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
| 1131.2k 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
| 1131.2k 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
| 1131.2k 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
| 1131.2k 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
| 1131.2k 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
| 1131.2k 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
| 1131.2k xp | 1471 posts
Instrutor

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