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

3. Barra de Navegação não aparece.

Completei os exercícios mas o botão Menu não aparece. O conteúdo que deveria aparecer apenas ao clicar no botão fica posicionado lado a lado.

Segue meu header:

<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-toggle">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 class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Camisetas
                        <span class="carret"></span>
                        </a>
                            <ul class="dropdown-menu">
                            <li><a href="#">Masculina</a></li>
                            <li><a href="#">Feminina</a></li>
                            <li><a href="#">Infantil</a></li>
                        </ul>
                    </li>
                </ul>

                <form class="navbar-form navbar-right">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Digite sua busca" />
                    </div>
                    <input type="submit" value="Buscar" class="btn btn-default" />
                </form>
            </div>
        </nav>
    </header>

Eu olhei outros post com problema nessa aula, e o problema era a falta da declaração dos arquivos js tanto do bootstrap quando do jquery.

Eu já fiz isso. Coloquei antes do fechamento do body e o caminho está correto.

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

Já perdi um tempo bom tempo tentando resolver sozinho, mais não conseguir achar o problema.

Alguém consegue me indicar o que eu fiz de errado?

2 respostas
solução!

Oi Diego, tudo certinho?

Seguinte, peguei seu código, coloquei nesse JSBin e aparentemente está normal:

Será que não é mesmo os caminhos dos scripts (jquery e depois do Bootstrap) ? Tenta dar Ctrl+R na página.

Abcs!

Natan,obrigado pela resposta.

Está funcionando mesmo. Eu que não percebi como deveria funcionar.

Valeu pela dica do JS Bin.