Twitter bootstrap-nav-Pillen mit dropdown
Ich erstellt nav-Pillen mit Twitter bootstrap 3.
Alles ist in Ordnung außer dropdowns.
Die Dokumentation zeigt die layout-Registerkarte links, nicht aber für den Inhalt: http://getbootstrap.com/components/#nav-dropdowns
Möchte ich content anzeigen, wenn der Benutzer wählt einen der dropdown-links.
Geige ist wie diese: http://jsfiddle.net/mavent/skL5H/3/
<div class="tabbable">
<ul class="nav nav-tabs nav-pills" id="myTab">
<li class="active"> <a href="#tab1" data-toggle="tab">Part 1</a>
</li>
<li class=""> <a href="#tab2" data-toggle="tab">Part 2</a>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">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>
InformationsquelleAutor trante | 2014-02-19
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hinzufügen
data-toggle="dropdown"
auf die links in der.dropdown-menu
.http://jsfiddle.net/skL5H/5/
InformationsquelleAutor vonUbisch