Sandkasten

Aus HochN-Wiki
Wechseln zu:Navigation, Suche
K
K
Zeile 1: Zeile 1:
<div id="accordion">
+
<bootstrap_accordion>
  <div class="card">
+
<bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel>
    <div class="card-header" id="headingOne">
+
<bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel>
      <h5 class="mb-0">
+
<bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel>
        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+
<bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel>
          Collapsible Group Item #1
+
</bootstrap_accordion>
        </button>
 
      </h5>
 
    </div>
 
 
 
    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
 
      <div class="card-body">
 
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
      </div>
 
    </div>
 
  </div>
 
  <div class="card">
 
    <div class="card-header" id="headingTwo">
 
      <h5 class="mb-0">
 
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
 
          Collapsible Group Item #2
 
        </button>
 
      </h5>
 
    </div>
 
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
 
      <div class="card-body">
 
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
      </div>
 
    </div>
 
  </div>
 
  <div class="card">
 
    <div class="card-header" id="headingThree">
 
      <h5 class="mb-0">
 
        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
 
          Collapsible Group Item #3
 
        </button>
 
      </h5>
 
    </div>
 
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
 
      <div class="card-body">
 
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
 
      </div>
 
    </div>
 
  </div>
 
</div>
 

Version vom 6. Oktober 2021, 08:11 Uhr

<bootstrap_accordion> <bootstrap_panel heading="Headline for Panel1">Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel2" color="danger">Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel3" active>Text inside the panel</bootstrap_panel> <bootstrap_panel heading="Headline for Panel4" color="info">Text inside the panel</bootstrap_panel> </bootstrap_accordion>

Cookies helfen uns bei der Bereitstellung von HochN-Wiki. Durch die Nutzung von HochN-Wiki erklärst du dich damit einverstanden, dass wir Cookies speichern.