|
|
| Zeile 1: |
Zeile 1: |
| <div class="accordion" id="accordionExample"> | | <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> |
| <div class="card"> | | <div class="carousel-inner"> |
| <div class="card-header" id="headingOne"> | | <div class="carousel-item active"> |
| <h2 class="mb-0"> | | <img src="..." class="d-block w-100" alt="..."> |
| <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> |
| | | <div class="carousel-item"> |
| <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> | | <img src="..." class="d-block w-100" alt="..."> |
| <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>
| | <div class="carousel-item"> |
| <div class="card">
| | <img src="..." class="d-block w-100" alt="..."> |
| <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> | | </div> |
| | <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> |
| | <span class="carousel-control-prev-icon" aria-hidden="true"></span> |
| | <span class="sr-only">Previous</span> |
| | </a> |
| | <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> |
| | <span class="carousel-control-next-icon" aria-hidden="true"></span> |
| | <span class="sr-only">Next</span> |
| | </a> |
| </div> | | </div> |
<img src="..." class="d-block w-100" alt="...">
<img src="..." class="d-block w-100" alt="...">
<img src="..." class="d-block w-100" alt="...">
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
Previous
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
Next
</a>
