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个诀窍