Twitter bootstrap NAV-comprimés avec liste déroulante

J'ai créé des pilules de navigation avec Twitter bootstrap 3.

Tout est en ordre, à l'exception des listes déroulantes.

La documentation montre la mise en page des présentations, mais pas pour le contenu:
http://getbootstrap.com/components/#nav-dropdowns
Listes

Je souhaite montrer du contenu lorsque l'utilisateur choisit l'un des liens déroulants.

Fiddle Ressemble à ça:
http://jsfiddle.net/mavent/skL5H/3/
/


<div class="tabbable">
<ul class="nav nav-tabs nav-pills" id="myTab">
<li class="active"> <a data-toggle="tab" href="#tab1">Part 1</a>
</li>
<li class=""> <a data-toggle="tab" href="#tab2">Part 2</a>
</li>
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Activity <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#tab3">Action</a>
</li>
<li><a href="#tab4">Another action</a>
</li>
</ul>
</li>
</ul>
<br/>
<div class="tab-content">
<div class="tab-pane active" id="tab1">aaaaaaaaaaaa</div>
<div class="tab-pane" id="tab2">bbbbbbbbbbbb</div>
<div class="tab-pane" id="tab3">cccccccccccccc</div>
<div class="tab-pane" id="tab4">dddddddddddddd</div>
</div>
</div>
Invité:

Emilie

Confirmation de:

Ajouter
data-toggle="dropdown"

Aux liens B.
.dropdown-menu

.

http://jsfiddle.net/skL5H/5/
/

Pour répondre aux questions, connectez-vous ou registre