title: aria-expanded="false" Not working in bootstrap template
body: <p>I have downloaded this template </p>
  
  <p><a href="https://startbootstrap.com/themes/sb-admin-2/" rel="nofollow noreferrer">https://startbootstrap.com/themes/sb-admin-2/</a> </p>
  
  <p>And there is page in there called cards.html</p>
  
  <p>On that page is a collapsible card example. I'm trying to get it so that it loads collapsed and the user has to expand it. So I changed this section to be: </p>
  
  <pre><code>&lt;div class="card shadow mb-4"&gt;
  &lt;!-- Card Header - Accordion --&gt;
  &lt;a href="#collapseCardExample" class="d-block card-header py-3" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="collapseCardExample"&gt;
    &lt;h6 class="m-0 font-weight-bold text-primary"&gt;Collapsable Card Example&lt;/h6&gt;
  &lt;/a&gt;
  &lt;!-- Card Content - Collapse --&gt;
  &lt;div class="collapse show" id="collapseCardExample"&gt;
    &lt;div class="card-body"&gt;
      This is a collapsable card example using Bootstrap's built in collapse functionality. &lt;strong&gt;Click on the card header&lt;/strong&gt; to see the card body collapse and expand!
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It did have: </p>
  
  <pre><code>aria-expanded="true"
  </code></pre>
  
  <p>but I made it false. </p>
  
  <p>Why is it still loading as expanded?</p>