Javascript 引导：当手风琴处于活动状态时，如何修改标题？

由于某种原因，当手风琴处于活动状态时，它会向上推我的标题。我想知道解决这个问题的最佳方法是什么，当手风琴处于活动状态时，是否可以在标题中添加一个类来向下移动它的位置（边距顶部）

我使用的是默认的bootstrap.js和jquery.js文件。这是我的HTML：

<div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a class="navbar-brand" href="#">
            <img class="header-logo" style="" src="">SF</a>
        </div>
        
        <div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#">About</a>
                </li>
                <li>
                    <a href="#">Retrospective</a>
                </li>
            </ul>
        </div>

切换导航

这些图像是手风琴活动/正常的标题