Html 如何使用Bootstrap 4强制在卡中以折叠模式呈现项目

呈现包含以下代码的页面时，该项以展开模式显示。我怎样才能强迫它关闭

<div class="container">
<div class="row">
<div class="col">
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="card 
   zz_txtblue zz_txt_Bold bg-warning"
   >
   <h6 class="card-header" role="tab" id="A11">
      <a 
         data-toggle="collapse" 
         data-parent="#accordion" 
         href="#collapseOneA11" 
         aria-expanded="false" 
         aria-controls="collapseOneA11" 
         class="d-block">
      <i class="fa fa-chevron-down pull-right"></i> 
      Collapsible Group Item #1
      </a>
   </h6>
   <div id="collapseOneA11" class="collapse show" role="tabpanel" aria-labelledby="A11">
      <div class="card-body">
         some text
      </div>
   </div>
</div>

一些文本

从

折叠

元素中删除

显示

类

      <div class="card zz_txtblue zz_txt_Bold bg-warning">
               <h6 class="card-header" role="tab" id="A11">
                          <a data-toggle="collapse" data-parent="#accordion" href="#collapseOneA11" aria-expanded="false" aria-controls="collapseOneA11" class="d-block">
                          <i class="fa fa-chevron-down pull-right"></i> 
                          Collapsible Group Item #1
                          </a>
               </h6>
               <div id="collapseOneA11" class="collapse" role="tabpanel" aria-labelledby="A11">
                      <div class="card-body">
                          some text
                      </div>
               </div>
      </div>

一些文本

---

完美。有了所有这些参数，这是令人困惑的！谢谢你的帮助。我会在5分钟内将此标记为答案（只要网站允许我这么做）。