[RESOLVIDO] problema com a Barra de navegação fixa

Não funciona a parte de eu clicar nos botões, tanto para collapse quanto para  dropdown



<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="description" content="Curso Bootstrap" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Curso Bootstrap</title>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/estilo.css">
<script type="text/javascript" src="js/bootstrap.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar esta caksse e usada como alternador para o coneudo colapsavel -->
<button class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 5</a></li>
</ul>
<form action="" class="navbar-form pull-right">
<input type="text" class="span2">
<button class="btn btn-inverse">Buscar</button>
</form>
</div>

</div>
</div>
</nav>

<header class="jumbotron subhead">
<div class="container">
<h1>Componentes</h1>
<p class="lead">Componentes reusáveis para prover navegação, alertas e muito mais!
</p>
</div>
</header>
<div class="container">
<div class="row">
<aside class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
</ul>
</aside>
</div>
</div>

<div class="span9">
</div>
<!-- Footer
    ================================================== -->
    <footer class="footer">
      <div class="container">
        <p class="pull-right"><a href="#">Voltar ao topo</a></p>
        <p>Desenhado e construído com todo amor do mundo por <a href="http://twitter.com/mdo" target="_blank">@mdo</a> e <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
        <p>Este projeto é uma versão do Twitter Bootstrap da globo.com mantido por <a href="http://blog.alexandremagno.net">Alexandre Magno</a>.</p>
        <p>Código licenciado sob <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentação sob <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0</a>.</p>
        <p><a href="http://glyphicons.com">Glyphicons grátis</a> licenciado sob <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0</a>.</p>
        <ul class="footer-links">
          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
          <li class="muted">&middot;</li>
          <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
          <li class="muted">&middot;</li>
          <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap e changelog</a></li>
        </ul>
      </div>
    </footer>
</body>
</html>

Comentários

  • Olá boa tarde faça a seguinte mudança:

    Passe esta linha de código com o js do Bootstrap :

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

    Em baixo desta linha, que é a linha do jquery:

    <script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>

    Primeiro temos que ativar o Jquery para só depois inciarmos com o JavaScript do Boostrap.

    area
    area
    area
    area
    area

    image
  • Obrigado Amigo, agora deu certo!
    Parabéns pelas aulas, são muito boas! 
  • Obrigado! Por assistir nossos cursos e peço que nos indique a amigos que também gostam de Programação Web.

    area
    area
    area
    area
    area

    image
Este tópico está fechada.