|
|
| 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> |
