<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="bootstrap\css\bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-sacale= 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 TopCasaFina Arquitetura esta no mercado desde 1935 trazendo uma série de projeto de qualidade para seus clientes e mudando suas vidas para sempre. Nossa empresa construiu o Pálacio Díonisio para Don Pedro IX que ninguém nunca ouviu falar.</p>
<h2 data-toggle="collapse" data_target="#segundo-paragrafo">Preço acessíveis</h2>
<p id="segundo-paragrafo" class="collapse">A TopCasaFina Arquitetura .</p>
<h2 data-toggle="collapse" data_target="#terceiro-paragrafo">A alegria em colaborar com um mundo mais bonito</h2>
<p id="terceiro-paragrafo" class="collapse">Nossa empresa construiu o Pálacio Díonisio para Don Pedro IX que ninguém nunca ouviu falar.</p>
</div>
<script src="jquery.js"> </script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
4
respostas
respostas
Estou com o mesmo problema jquery não esta funcionando , já tentei de vários jeitos inclusive os atalhos descrito aqui
Fala Flavio, tudo bom? Você esta importando o jquery como se ele estivesse na mesma pasta do seu arquivo html, essa é a localização do arquivo no seu projeto?
<script src="jquery.js"> </script>Ola, Mário. Sim, esta na pasta principal, junto com o arquivo html
Oi Flávio 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
- Elimine o diretório bootstrap (apenas pra reduzir o caminho) e atualize sua tag link para ficar assim:
<meta name="viewport" content="width=device-width, initial-sacale= 1">
<link rel="stylesheet" type="text/css" href="css\bootstrap.min.css">Verifique se seu caminho tem mesmo uma pasta css e se os nomes de arquivos importados na tag link estão certos identicos ao da tag link.
*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:
Isso seria se ele tivesse no mesmo local do seu index.html provavelmente ele não está.Coloque ele junto do bootstrap.js ou bootstrap.min.js e altere a importação do script para
<script type="text/javascript" src="js/jquery.min.js"> </script>
<script type="text/javascript" src="js/bootstrap.js"> </script>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 Flávio ainda restou alguma dúvida a respeito desse tópico ou já foi solucionado ?