Solucionado
<header>
<nav>
<a href="#" class="navbar-brand">Caelum</a>
<button type="button" data-target=".navbar-collapse" data-toggle="collapse">Menu</button>
<div class="collapse navbar-collapse">
<ul>
<li><a href="#">Novidades</a></li>
<li><a href="#">Mais Vendidos</a></li>
</ul>
</div>
</nav>
</header>
Olá Wildemarkes! Você adicionou o referencia aos arquivos JavaScript do Bootstrap e o jQuery ao final da tag <body> de sua página?
Da seguinte forma:
...
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>Se não, é preciso adicionar, o jQuery você tem que baixar no site do jQuery.
sim fiz isso e não funcionou
Por favor mande todo seu código para eu dar uma olhada
<!DOCTYPE html>
<!--
Aprendendo Bootstrap
-->
<html>
<head>
<title>Loja Vitual</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<script src="bootstrap/js/jquery-2.1.4.min.js" ></script>
</head>
<body>
<header>
<nav>
<a href="#" class="navbar-brand">Caelum</a>
<button type="button" data-target=".navbar-collapse" data-toggle="collapse">Menu</button>
<div class="collapse navbar-collapse">
<ul>
<li><a href="#">Novidades</a></li>
<li><a href="#">Mais Vendidos</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div>
<h3 class="text-center">Novidades</h3>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-azul.png" alt="camisa azul importada" />
<div>
<h4>Camisa Azul importada</h4>
<p>Camisa Azul importada por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 190,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-azul.png" alt="camisa azul importada" />
<div>
<h4>Camisa Azul importada</h4>
<p>Camisa Azul importada por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 190,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-rosa.png" alt="camisa rosa importada" />
<div>
<h4>Camisa Rosa Argentina</h4>
<p>Camisa Rosa Argentina por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 290,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
</main>
</body>
</html>Wildemarkes, você pos a referencia dentro da tag </head>. Como eu disse, deve ficar ao final da tag <body
O correto seria algo mais ou menos assim:
<!DOCTYPE html>
<!--
Aprendendo Bootstrap
-->
<html>
<head>
<title>Loja Vitual</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<header>
<nav>
<a href="#" class="navbar-brand">Caelum</a>
<button type="button" data-target=".navbar-collapse" data-toggle="collapse">Menu</button>
<div class="collapse navbar-collapse">
<ul>
<li><a href="#">Novidades</a></li>
<li><a href="#">Mais Vendidos</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div>
<h3 class="text-center">Novidades</h3>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-azul.png" alt="camisa azul importada" />
<div>
<h4>Camisa Azul importada</h4>
<p>Camisa Azul importada por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 190,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-azul.png" alt="camisa azul importada" />
<div>
<h4>Camisa Azul importada</h4>
<p>Camisa Azul importada por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 190,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
<div class="col-md-4 thumbnail text-center">
<figure>
<img src="img/camisa-rosa.png" alt="camisa rosa importada" />
<div>
<h4>Camisa Rosa Argentina</h4>
<p>Camisa Rosa Argentina por um preço acessível e com pano de qualidade</p>
</div>
</figure>
<div class="btn-group">
<a href="#" class="btn btn-default">R$ 290,00</a>
<a href="#" class="btn btn-primary">
<span class="glyphicon glyphicon-shopping-cart">
</span>
Comprar
</a>
</div>
</div>
</main>
<script src="bootstrap/js/jquery-2.1.4.min.js" ></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>meu código ta igual mais ainda não consegui esconder os itens da lista do menu.
Consegui Romário. Coloquei o mesmo código e apenas acrescentei os arquivos que você falou no final. Agora a dúvida é porque tem que adicionar no final?
Valeu, estava com o mesmo problema. Baixei o arquivo do jquery e depois que informei no final do HTML funcionou.