折叠Bootstrap的可折叠面板时创建的差距

Question

Bootstrap的可折叠面板有问题 如果可折叠面板在显示后折叠，则会在其位置显示相同尺寸的空白间隙。

在使用Firefox（不在Chrome中）时会发生这种情况，如果页面调整大小（放大，缩小），差距会消失。

涉及有问题的小组的代码片段：

<div class="panel panel-default cl-orange">
    <a class="" href="#newAircraftType" data-toggle="collapse">
        <div class="panel-agregar">
            <div class="panel-plus">
                <i class="fa fa-caret-right"></i>
            </div>
        </div>
    </a>
</div>

<!--Collapsible panel-->
<div id="newAircraftType" class="panel-collapse collapse in" style="">
    <div class="panel-body crear-operador form-horizontal panel-box detalle-panel-body">
        <div class="form-wrapper">
            <div class="form-group">
                <!-- ... -->
            </div>
        </div>
    </div>
</div>

一些截图：

Panel shown

Panel collapsed and gap

Panel collapsed without gap