THIS IS ONLY A TESTWIKI! LH, MW 1.39.7, PHP 8, SMW 4.1.3

Bootstrap-Test/Tabs2: Unterschied zwischen den Versionen

Aus Test
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „<div class="nav nav-tabs" id="nav-tab" role="tablist"> <div class="nav-link active" id="nav-Personendaten-tab" data-toggle="tab" data-target="#nav-Personendaten" type="button" role="tab" aria-controls="nav-Personendaten" aria-selected="true">Personendaten</div> <div class="nav-link" id="nav-Bestattung-tab" data-toggle="tab" data-target="#nav-Bestattung" type="button" role="tab" aria-controls="nav-Bestattung" aria-selected="false">Bestattung</div> <div cla…“)
 
Keine Bearbeitungszusammenfassung
Zeile 8: Zeile 8:
<div class="nav-link" id="nav-Auszeichnungen-tab" data-toggle="tab" data-target="#nav-Auszeichnungen" type="button" role="tab" aria-controls="nav-Auszeichnungen" aria-selected="false">Auszeichnungen</div>
<div class="nav-link" id="nav-Auszeichnungen-tab" data-toggle="tab" data-target="#nav-Auszeichnungen" type="button" role="tab" aria-controls="nav-Auszeichnungen" aria-selected="false">Auszeichnungen</div>
<div class="nav-link" id="nav-QR-tab" data-toggle="tab" data-target="#nav-QR" type="button" role="tab" aria-controls="nav-QR" aria-selected="false">QR-Code</div>
<div class="nav-link" id="nav-QR-tab" data-toggle="tab" data-target="#nav-QR" type="button" role="tab" aria-controls="nav-QR" aria-selected="false">QR-Code</div>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-Personendaten" role="tabpanel" aria-labelledby="nav-Personendaten-tab">
Placeholder content for the tab panel. TAB1
</div>
<div class="tab-pane fade" id="nav-Bestattung" role="tabpanel" aria-labelledby="nav-Bestattung-tab">
Bestattung
</div>
<div class="tab-pane fade" id="nav-Bild" role="tabpanel" aria-labelledby="nav-Bild-tab">
Bild
</div>
<div class="tab-pane fade" id="nav-Adressen" role="tabpanel" aria-labelledby="nav-Adressen-tab">
Adressen
</div>
<div class="tab-pane fade" id="nav-Relationen" role="tabpanel" aria-labelledby="nav-Relationen-tab">
Relationen
</div>
<div class="tab-pane fade" id="nav-Funktionen" role="tabpanel" aria-labelledby="nav-Funktionen-tab">
Funktionen
</div>
<div class="tab-pane fade" id="nav-Auszeichnungen" role="tabpanel" aria-labelledby="nav-Auszeichnungen-tab">
Auszeichnungen
</div>
<div class="tab-pane fade" id="nav-QR" role="tabpanel" aria-labelledby="nav-QR-tab">
QR
</div>
</div>
<h2>Test WH 1</h2>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-Personendaten-tab" data-toggle="tab" data-target="#nav-Personendaten" type="button" role="tab" aria-controls="nav-Personendaten" aria-selected="true">Personendaten</button>
<button class="nav-link" id="nav-Bestattung-tab" data-toggle="tab" data-target="#nav-Bestattung" type="button" role="tab" aria-controls="nav-Bestattung" aria-selected="false">Bestattung</button>
<button class="nav-link" id="nav-Bild-tab" data-toggle="tab" data-target="#nav-Bild" type="button" role="tab" aria-controls="nav-Bild" aria-selected="false">Bild</button>
<button class="nav-link" id="nav-Adressen-tab" data-toggle="tab" data-target="#nav-Adressen" type="button" role="tab" aria-controls="nav-Adressen" aria-selected="false">Adressen</button>
<button class="nav-link" id="nav-Relationen-tab" data-toggle="tab" data-target="#nav-Relationen" type="button" role="tab" aria-controls="nav-Relationen" aria-selected="false">Relationen</button>
<button class="nav-link" id="nav-Funktionen-tab" data-toggle="tab" data-target="#nav-Funktionen" type="button" role="tab" aria-controls="nav-Funktionen" aria-selected="false">Funktionen</button>
<button class="nav-link" id="nav-Auszeichnungen-tab" data-toggle="tab" data-target="#nav-Auszeichnungen" type="button" role="tab" aria-controls="nav-Auszeichnungen" aria-selected="false">Auszeichnungen</button>
<button class="nav-link" id="nav-QR-tab" data-toggle="tab" data-target="#nav-QR" type="button" role="tab" aria-controls="nav-QR" aria-selected="false">QR-Code</button>
</div>
</div>
<div class="tab-content" id="nav-tabContent">
<div class="tab-content" id="nav-tabContent">

Version vom 23. Oktober 2023, 14:52 Uhr

Test WH 1