twitter onglet bootstrap 3

Je veux avoir onglet affichage à l'aide de twitter bootstrap 3:

http://jsfiddle.net/K9LpL/2/

<ul class="nav nav-tabs">
  <li class="active"><a href="#home">Home</a></li>
  <li><a href="#profile">Profile</a></li>
  <li><a href="#messages">Messages</a></li>
</ul>

    <div id='content' class="tab-content">
      <div class="tab-pane active" id="home">
        <ul>
            <li>home</li>
            <li>home</li>
            <li>home</li>
            <li>home</li>
            <li>home</li>
            <li>home</li>
            <li>home</li>
        </ul>
      </div>
      <div class="tab-pane" id="profile">
        <ul>
            <li>profile</li>
            <li>profile</li>
            <li>profile</li>
            <li>profile</li>
            <li>profile</li>
            <li>profile</li>
            <li>profile</li>
        </ul>
      </div>
      <div class="tab-pane" id="messages">
      </div>
      <div class="tab-pane" id="settings"></div>
    </div>

Ce code ne fonctionne pas pour moi. La plupart des exemples sur le net ne sont pas dans la 3ème version. Ce serait génial si quelqu'un me dire ce que mon problème est ou même si me donner un exemple(avec bootstrap 3).

source d'informationauteur werva

  1. 13

    Vous pouvez activer l'onglet à l'aide de data-toggle sans js ou avec js comme indiqué ci-dessous. Pour plus d'informations, voir ce de la documentation.

    Voir ce Violon Ajouter une id myTab à ul et exécuter ce ci-dessous js

    JS 

    $('#myTab a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})