Bootstrap 附加底部覆盖内容

Question

我有以下 CSS：

#stopBtn{
            width : 100%;
            bottom: 0px;
        }

        .affix-bottom{
            position: absolute;
        }

这是javascript：

$("#stopBtn").affix({
                offset: { 
                    bottom: 0 
                }
            });

词缀效果运行流畅，但底部不是放在内容下方而是重叠内容。

它的标记如下：

<div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <!-- <div class="text-center"> -->
                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                            </div>  
                        <!-- </div> -->
                    </div>
                </div>
                <div class"tex-center" id="stopBtn">
                    <button class="btn btn-danger btn-mega stopButton">PAUSE</button> 
                </div>

Answer 1

我解决了它，但在手风琴后面放了一些额外的空间。放入大约 4 个
就可以了