bootstrap---折叠效果

 <div class="container">
            <div id="accordion">
              <div class="card">
                <div class="card-header">
                  <a class="card-link" data-toggle="collapse" href="#collapseOne">
                    选项一
                  </a>
                </div>
                <div id="collapseOne" class="collapse show" data-parent="#accordion">
                  <div class="card-body">
                    #1 内容：菜鸟教程 -- 学的不仅是技术，更是梦想！！！
                  </div>
                </div>
              </div>
            </div>
          </div>

注意这里的重点：

1.最外面一定要加上container的属性

2.点击的a标签的href一定要是下面展开内容的id属性值

3.a标签的data-toggle一定要是collapse

4.一定要写上card-header包裹链接

5.card-body包裹卡牌展开的内容

6.一定要将一个外面的div的class设为card