Codigos usados em Tab-nav não funcionam

Bem, eu estava assistindo a aula 17 do curso de bootstrap pois estava buscando aprender a criar tabs para terminar um layout de site, porem os códigos usados no vídeo não estão funcionando, como estou precisando com urgência vim pedir ajuda

link do vídeo, aos 13 minutos e meio que estão os códigos que usei.

Comentários

  • Por favor poste seus códigos para que eu possa analisar e ver onde você errou.

    area
    area
    area
    area
    area

    image
  • editado maio 2016
    Estou com problemas também no resultado dessa vídeo aula.
    Quando fiz as Tabs no final do vídeo ao testar o resultado funciona em parte. Ao clicar em Perfil e Contato faz a navegação normal, aparecendo: Estou na sessão perfil e Estou na sessão contato. Mas quando clico em Inicio não acontece nada, ou seja, não volta para Estou na sessão Inicio. O que será pode ser?
    <!-- aula 17 navegaçoes -->
    <section id="navegacao">
    <header class="page-header">
    <h2>Abas, Pílulas e Listas</h2>
    </header>

    <!-- Construindo as TABS-->
    <h3>Contruindo as Tabs</h3>
    <ul class="nav nav-tabs">
    <!-- criando as marcações no href com #tabx-->
    <li class="active"><a href="#tab1" tada-toggle="tab">Inicio</a></li>
    <li><a href="#tab2" data-toggle="tab">Perfil</a></li>
    <li><a href="#tab3" data-toggle="tab">Contato</a></li>
    </ul>

    <!-- Criando os paneis de navegação das tabs-->
    <div class="tab-content">
    <div class="tab-pane active" id="tab1">
    <p>Estou na sessão de Inicio</p>
    </div>
    <div class="tab-pane" id="tab2">
    <p>Estou na sessão de Perfil</p>
    </div>
    <div class="tab-pane" id="tab3">
    <p>Estou na sessão de Contato</p>
    </div>
    </div>

    <!-- Construindo as TABS infereiores-->
    <h3>Contruindo as Tabs inferiores</h3>
    <div class="tabbable tabs-below">
    <!-- Criando os paneis de navegação das tabs-->
    <div class="tab-content">
    <div class="tab-pane active" id="tab4">
    <p>Estou na sessão de Inicio inferior</p>
    </div>
    <div class="tab-pane" id="tab5">
    <p>Estou na sessão de Perfil inferior</p>
    </div>
    <div class="tab-pane" id="tab6">
    <p>Estou na sessão de Contato inferior</p>
    </div>
    </div>

    <ul class="nav nav-tabs">
    <!-- criando as marcações no href com #tabx-->
    <li class="active"><a href="#tab4" tada-toggle="tab">Inicio</a></li>
    <li><a href="#tab5" data-toggle="tab">Perfil</a></li>
    <li><a href="#tab6" data-toggle="tab">Contato</a></li>
    </ul>
    </div>
    </section>

    Obrigado pela oportunidade...
Entre ou Registre-se para fazer um comentário.