Différences entre les versions de « Using grids »
De Test Entre Amis
| Ligne 32 : | Ligne 32 : | ||
</div><!-- End of row 1--> | </div><!-- End of row 1--> | ||
| + | </div> | ||
| + | |||
| + | ---- | ||
| + | |||
| + | <div class="accordion mb-4" id="accordion"> | ||
| + | <div class="card"> | ||
| + | <div class="card-header" id="accordion1Heading"> | ||
| + | <h2 class="mb-0"> | ||
| + | <button class="btn btn-link" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#accordion1" aria-expanded="true" aria-controls="accordion1"> | ||
| + | SECTION1 | ||
| + | </button> | ||
| + | </h2> | ||
| + | </div> | ||
| + | <div id="accordion1" class="collapse show" aria-labelledby="accordion1Heading" data-parent="#accordion" style=""> | ||
| + | <div class="card-body">Lorem ipsum...</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="card"> | ||
| + | <div class="card-header" id="accordion2Heading"> | ||
| + | <h2 class="mb-0"> | ||
| + | <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#accordion2" aria-expanded="false" aria-controls="accordion2"> | ||
| + | SECTION2 | ||
| + | </button> | ||
| + | </h2> | ||
| + | </div> | ||
| + | <div id="accordion2" class="collapse" aria-labelledby="accordion2Heading" data-parent="#accordion" style=""> | ||
| + | <div class="card-body">Lorem ipsum...</div> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
Version du 1 février 2023 à 16:56
Title 1
Title 2
Title 3
<button class="btn btn-link" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#accordion1" aria-expanded="true" aria-controls="accordion1"> SECTION1 </button>
Lorem ipsum...
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#accordion2" aria-expanded="false" aria-controls="accordion2"> SECTION2 </button>
Lorem ipsum...