Différences entre les versions de « Using grids »

De Test Entre Amis
Aller à : navigation, rechercher
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 36 : Ligne 36 :
 
----
 
----
  
<div class="accordion mb-4" id="accordion">  
+
<div class="panel-group" id="accordion">
  <div class="card">
+
<accordion parent="accordion" heading="SECTION1" class="show">
    <div class="card-header" id="accordion1Heading">
+
  Lorem ipsum...
      <h2 class="mb-0">
+
</accordion>
        <button class="btn btn-link" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#accordion1" aria-expanded="true" aria-controls="accordion1">
+
<accordion parent="accordion" heading="SECTION2">
          SECTION1  
+
  Lorem ipsum...
        </button>
+
</accordion>
      </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 actuelle datée du 1 février 2023 à 17:35

Title 1

Screenshot tweeki.png

Title 2

Screenshot tweeki.png

Title 3

Screenshot tweeki.png


  Lorem ipsum...

  Lorem ipsum...