Benutzer: Zpd: Unterschied zwischen den Versionen

Version vom 25. Oktober 2024, 12:38 Uhr

<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>

...

@@ Zeile 1: / Zeile 1: @@
-{{#ask:[[Category:Buch]]
+<ul class="nav nav-tabs" id="myTab" role="tablist">
-|?
+  <li class="nav-item" role="presentation">
-|?BuchSortierung
+    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
-|link=none
+  </li>
-|mainlabel=-
+  <li class="nav-item" role="presentation">
-|sort=BuchSortierung
+    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
-|format=template
+  </li>
-|introtemplate=ChapterTabsIntro
+  <li class="nav-item" role="presentation">
-|template=ChapterTabs
+    <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
-|outrotemplate=ChapterTabsOutro
+  </li>
-}}
+</ul>
+<div class="tab-content" id="myTabContent">
-<div class="accordion" id="accordion">
+  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
- <accordion parent="accordion" heading="SECTION1" class="show">
+  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
-   Lorem ipsum...
+  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
- </accordion>
- <accordion parent="accordion" heading="SECTION2">
-   Lorem ipsum...
- </accordion>
 </div>
-<ul class="nav nav-tabs mb-2" id="myTabs" role="tablist">
-   <li class="nav-item"><btn id="tab1Label" data-toggle="tab" class="nav-link active" role="tab" aria-controls="tab1" aria-selected="true">#tab1|Tab 1</btn></li>
-   <li><btn id="btn2Label" data-toggle="tab" class="nav-link" role="tab" aria-controls="tab2" aria-selected="false">#tab2|Tab 2</btn></li>
- </ul>
- <div class="tab-content">
-   <div id="tab1" class="tab-pane fade show active" role="tabpanel" aria-labelledby="tab1Label">
-     '''Tab 1''': Lorem ipsum...
-   </div>
-   <div id="tab2" class="tab-pane fade" role="tabpanel" aria-labelledby="tab2Label">
-     '''Tab 2''': Lorem ipsum...
-   </div>
- </div>