Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Aula 3 - Barra de Navegação

O menu de navegação não abre ao clicar no botão... e aparentemente não a erro no código... travei na aula alguém pode me dar uma força?

Segue o código.

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8"/>
        <title>Loja Virtual</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <meta name="viewport" content="width=device-width"/>
    </head>
    <body>
        <header>
            <nav>
                <a href="#" class="navbar-brand">Logo</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>
                </div>

                </ul>
            </nav>

        </header>
5 respostas

Nilson você carregou os arquivos .js do bootstrap ?

Tem que ter o jquery carregado também, detalhe ele deve ser carregado primeiro que os arquivos .js

Espero ter ajudado

Desculpe a ignorância mas como carrego os arquivos .js?

Eu copiei a pasta js para dentro do projeto, somente isso.

e como carrego o jquerry?

PS: Ainda não vi o modulo de Jquerry do Alura. e o professor não mostra na aula.

solução!

Nilso para carregar os javascript utilize a tag script, exemplo:

<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/bootstrap/js/bootstrap.js" type="text/javascript"></script>

Apenas acerte o caminho de acordo com sua estrutura de pastas e nome de arquivos.

Espero ter ajudado

Vlw Matheus... problema resolvido! Muito obrigado.

De nada Nilson, sempre que precisar não deixe de criar suas dúvidas.

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