Thilo (Diskussion | Beiträge) K (Die Seite wurde geleert.) Markierung: Geleert |
Thilo (Diskussion | Beiträge) K |
||
| Zeile 1: | Zeile 1: | ||
| + | <div class="accordion" id="accordionExample"> | ||
| + | <div class="card"> | ||
| + | <div class="card-header" id="headingOne"> | ||
| + | <h2 class="mb-0"> | ||
| + | <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | ||
| + | Collapsible Group Item #1 | ||
| + | </button> | ||
| + | </h2> | ||
| + | </div> | ||
| + | <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> | ||
| + | <div class="card-body"> | ||
| + | Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the <code>.show</code> class. | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="card"> | ||
| + | <div class="card-header" id="headingTwo"> | ||
| + | <h2 class="mb-0"> | ||
| + | <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | ||
| + | Collapsible Group Item #2 | ||
| + | </button> | ||
| + | </h2> | ||
| + | </div> | ||
| + | <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample"> | ||
| + | <div class="card-body"> | ||
| + | Some placeholder content for the second accordion panel. This panel is hidden by default. | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="card"> | ||
| + | <div class="card-header" id="headingThree"> | ||
| + | <h2 class="mb-0"> | ||
| + | <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> | ||
| + | Collapsible Group Item #3 | ||
| + | </button> | ||
| + | </h2> | ||
| + | </div> | ||
| + | <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample"> | ||
| + | <div class="card-body"> | ||
| + | And lastly, the placeholder content for the third and final accordion panel. This panel is hidden by default. | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
Version vom 4. Oktober 2021, 22:11 Uhr
<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Collapsible Group Item #1 </button>
Some placeholder content for the first accordion panel. This panel is shown by default, thanks to the .show class.
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Collapsible Group Item #2 </button>
Some placeholder content for the second accordion panel. This panel is hidden by default.
<button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Collapsible Group Item #3 </button>
And lastly, the placeholder content for the third and final accordion panel. This panel is hidden by default.
