Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida no Ex. 8 da Aula 3 - Barra de navegação

O Dropdown não funciona o botão Menu só funciona quando esta com a tela pequena, segue meu código:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <meta charset = "UTF-8"/>
    <meta name="viewport" content="width=device-width" />
    <title>Loja Virtual</title>
</head>
<body>
    <header>
        <nav class="navbar navbar-inverse">
            <div class="navbar-header">
                 <a href="#" class="navbar-brand">Caelum</a>
                 <button type="button" data-target=".navbar-collapse" data-toggle="collapse" class="navbar-collapse">Menu</button>
             </div>
             <div class="collapse navbar-collapse">
                 <ul class="navbar-nav nav">
                     <li> <a href=#>Novidades</a></li>
                     <li><a href="#">Mais Vendidos</a></li>
                     <li>
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Camisetas <span class="caret"></span></a>
                         <ul class="dropdown">
                             <li><a href="#">Masculina</a></li>
                             <li><a href="#">Feminina</a></li>
                             <li><a href="#">Infantil</a></li>
                         </ul>
                     </li>
                 </ul>
             </div>
         </nav>
     </header>

    <main>
        <h3 class="text-center">Novidades</h3>

        <div class="thumbnail text-center col-md-4" >
            <figure>
                <img src="img/camisa-azul.png" alt="Camisa azul importada">
                <div>
                    <h4>Camisa azul importada</h4>
                    <p>Camisa azul importada com teciso de qualidade e preço acessivel</p>
                </div>
            </figure>
            <p>R$ 129,00</p>
            <a href="#" class="btn btn-primary">Comprar</a>
        </div>

        <div class="thumbnail text-center col-md-4" >
            <figure>
                <img src="img/camisa-rosa.png" alt="Camisa rosa importada">
                <div>
                    <h4>Camisa Rosa Argentina</h4>
                    <p>Camisa rosa argentina com teciso de qualidade e preço acessivel</p>
                </div>
            </figure>
            <p>R$ 200,00</p>
            <a href="#" class="btn btn-primary">Comprar</a>
        </div>

        <div class="thumbnail text-center col-md-4" >
            <figure>
                <img src="img/camisa-azul.png" alt="Camisa azul nacional">
                <div>
                    <h4>Camisa azul nacional</h4>
                    <p>Camisa azul nacional com teciso de qualidade e preço acessivel</p>
                </div>
            </figure>
            <p>R$ 110,00</p>
            <a href="#" class="btn btn-primary">Comprar</a>
        </div>

    </main>
    <script type="text/javascript" src="js/jquery-1.11.3.js"> </script>
    <script type="text/javascript" src="js/bootstrap.min.js"> </script>
</body>
</html>
1 resposta
solução!

Desculpa a resposta pra duvida do Henrique ja resolveu meu problema.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software