TKTK: guidance around what divs/classes to embed e.g. a header in (clearly not just at the top). Also about columns and how they connect to mobile (feel free to link to related bootstrap docs). Also about when to purposefully use/consider using the special components listed here.

<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <p>This is a centered column, note the class justify-content-center.</p>
    </div>
  </div>
</div>
                

<!-- make sure you have included this script in your template -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<!-- minimal default collapsed -->
<div>
  <a role="button" class="accordion-toggle collapsed" data-toggle="collapse" href="#test" aria-expanded="false" >open</a>
  <div id="test" class="collapse" role="tabpanel" style="overflow: hidden; height: 0px">
    <p>HAPPY </p>
  </div>
</div>

<!-- minimal default open -->
<div>
  <a role="button" class="accordion-toggle collapsed" data-toggle="collapse" href="#test" aria-expanded="true" >open</a>
  <div id="test" class="collapse" role="tabpanel" style="overflow: hidden; ">
    <p>HAPPY </p>
  </div>
</div>

<!-- FULL default open example -->
TKTK
                

TKTK