Vorlage:Kontextmenü2: Unterschied zwischen den Versionen

Aktuelle Version vom 16. Oktober 2020, 06:53 Uhr

{{{Titel}}}

{{{Funktion1}}}
{{{Funktion2}}}

{{{Erläuterung1}}}

{{{Erläuterung2}}}

@@ Zeile 4: / Zeile 4: @@
 <div class="card d-flex align-items-stretch">
 <div class="card-header" style ="color: white; background-color: #b50d7c; text-align: center">
-<a data-toggle="collapse" href="#collapse-example" style ="color: white; background-color: #b50d7c; text-align: center" aria-expanded="true" aria-controls="collapse-example" id="heading-example" class="d-block"><i class="fa fa-chevron-down pull-right"></i></html><b>{{{Titel}}}</b><html></a>
+<a data-toggle="collapse" href="#collapse-2" style ="color: white; background-color: #b50d7c; text-align: center" aria-expanded="true" aria-controls="collapse-2" id="heading-2" class="d-block"><i class="fa fa-chevron-down pull-right"></i></html><b>{{{Titel}}}</b><html></a>
 </div>
-<div id="collapse-example" class="collapse" aria-labelledby="heading-example">
+<div id="collapse-2" class="collapse" aria-labelledby="heading-2">
 <div class="card-body">
-  <ul class="nav flex-column nav-pills" role=" nav-stacked">
+<ul class="nav flex-column nav-pills" role=" nav-stacked">
-    <li class="nav-item">
+<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab21"></html>{{{Funktion1}}}<html></a></li>
-      <a class="nav-link" data-toggle="tab" href="#Tab1"></html>{{{Funktion1}}}<html></a>
+<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#Tab22"></html>{{{Funktion2}}}<html></a></li>
-    </li>
+</ul>
-    <li class="nav-item">
-      <a class="nav-link" data-toggle="tab" href="#Tab2"></html>{{{Funktion2}}}<html></a>
-    </li>
-  </ul>
 </div>
 </div>
@@ Zeile 22: / Zeile 18: @@
 <div class="col-8">
-<div id="collapse-example" class="collapse" aria-labelledby="heading-example">
+<div id="collapse-2" class="collapse" aria-labelledby="heading-2">
 <div class="card" style="border: 5px solid #b50d7c">
 <div class="card-body">
-  <div class="tab-content">
+<div class="tab-content">
-    <div id="Tab1" class="container tab-pane active"><br></html>
+<div id="Tab21" class="container tab-pane active"><br></html><p>{{{Erläuterung1}}}</p><html></div>
-      <p>{{{Erläuterung1}}}</p><html>
+<div id="Tab22" class="container tab-pane fade"><br></html><p>{{{Erläuterung2}}}</p><html></div>
-    </div>
+</div>
-    <div id="Tab2" class="container tab-pane fade"><br></html>
-      <p>{{{Erläuterung2}}}</p><html>
-    </div>
 </div>
-</div>
 </div>
 </div>