Markierung: 2017-Quelltext-Bearbeitung |
Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 15: | Zeile 15: | ||
</ul> | </ul> | ||
− | <div class="accordion" id=" | + | <div class="accordion accordion-flush" id="accordionFlushExample"> |
<div class="accordion-item"> | <div class="accordion-item"> | ||
− | <h2 class="accordion-header" id="headingOne"> | + | <h2 class="accordion-header" id="flush-headingOne"> |
− | <div class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded=" | + | <div class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> |
+ | Accordion Item #1 | ||
</div> | </div> | ||
</h2> | </h2> | ||
− | <div id="collapseOne" class="accordion-collapse collapse | + | <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> |
− | <div class="accordion-body"> | + | <div class="accordion-body">Placeholder content for this accordion, which is intended to demonstrate the <code>.accordion-flush</code> class. This is the first item's accordion body.</div> |
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
<div class="accordion-item"> | <div class="accordion-item"> | ||
− | <h2 class="accordion-header" id="headingTwo"> | + | <h2 class="accordion-header" id="flush-headingTwo"> |
− | < | + | <div class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> |
− | + | Accordion Item #2 | |
</div> | </div> | ||
</h2> | </h2> | ||
− | <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="# | + | <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> |
− | <div class="accordion-body"> | + | <div class="accordion-body">Placeholder content for this accordion, which is intended to demonstrate the <code>.accordion-flush</code> class. This is the second item's accordion body. Let's imagine this being filled with some actual content.</div> |
− | |||
− | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="accordion-item"> | <div class="accordion-item"> | ||
− | <h2 class="accordion-header" id="headingThree"> | + | <h2 class="accordion-header" id="flush-headingThree"> |
− | < | + | <div class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> |
− | + | Accordion Item #3 | |
</div> | </div> | ||
</h2> | </h2> | ||
− | <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="# | + | <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> |
− | <div class="accordion-body"> | + | <div class="accordion-body">Placeholder content for this accordion, which is intended to demonstrate the <code>.accordion-flush</code> class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.</div> |
− | < | ||
− | </div> | ||
</div> | </div> | ||
</div> | </div> |
Version vom 25. November 2021, 12:57 Uhr
Hier finden Sie Antworten rund um das Thema Urlaub:[1]
Placeholder content for this accordion, which is intended to demonstrate the
.accordion-flush
class. This is the first item's accordion body.Placeholder content for this accordion, which is intended to demonstrate the
.accordion-flush
class. This is the second item's accordion body. Let's imagine this being filled with some actual content.Placeholder content for this accordion, which is intended to demonstrate the
.accordion-flush
class. This is the third item's accordion body. Nothing more exciting happening here in terms of content, but just filling up the space to make it look, at least at first glance, a bit more representative of how this would look in a real-world application.Quelle: