MDbootstrap角度折叠叠加页脚

Question

我使用Angular + MDBootstrap构建了Web应用程序，但是页脚和折叠出现了问题。有什么方法可以使页脚在底部然后折叠，我很确定有办法。我也不想让页脚变粘。

Blue is footer, Grey cards are from collapse

脚：

<app-footer class="page-footer center-on-small-only pt-0 mt-5"></app-footer>

崩溃：

<div class="" [mdbCollapse]="isCollapsed" #signCategory0="bs-collapse">

          <div *ngFor="let category of signs[0]['tree']">

            <div class="card card-body hoverable mt-1 ket-item" *ngIf="isObject(category)">
              <small>

                <strong>
                  {{isObject(category)}}
                </strong>
              </small>
            </div>
            <div *ngFor="let s of category[isObject(category)]; let i = index ">

              <!--category[isObject(category)]-->

              <div class="row" *ngIf="i % 3 === 0">
                <div class="col-md-4 my-2 col-12 col-sm-8 mx-auto col-lg-4 col-xl-4">

                  <div class="card animated fadeIn sign-card hoverable"
                       *ngIf="category[isObject(category)][i]">
                    <!-- Card image -->
                    <div class="sign-img-row">
                      <img
                        *ngIf="category[isObject(category)][i].image"
                        class="card-img-top"
                        [src]="'/assets/signs/'+category[isObject(category)][i].image"
                        alt="Card image cap">
                    </div>

                    <div class="card-body">

                      <p class="card-text">{{category[isObject(category)][i].text}}</p>

                    </div>

                  </div>
                </div>