Skip Navigation LinksDOC > JeremiahTest

JeremiahTest

​​​​​​​​T​est 1: Column ​​

​​

​Test 2: List

  ​
​
​

Test 3 flex-column:

​​
​

Test New Accordions should look like the following, without any inconsistencies or breaks between each accordion: ​​irtujoerijt


This is example text

This is sample text

This is sample text

New Accordion HTML code with DOC's styling included:​

<div class="accordion" id="accordionOne">​
<div class="accordion-item">
<h2 class="accordion-header"> 
<button class="accordion-button clsDeepBlueHeader collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Accordion One</button></h2> 
<div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">This is example text</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button clsDeepBlueHeader collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Two</button></h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionOne">
<div class="accordion-body">This is sample text</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button clsDeepBlueHeader collapsed" type="button"​ data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Three</button></h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionOne">
<div class="accordion-body">This is sample text<br/></div>
</div>
</div>
</div>

​

Panels​ were decommissioned in Bootstrap 4.0 & have been replaced with Cards:

​
​Divisions​
​