Bootstrap Modal - 在模态之外移动背景

Question

我集成了this小插件，将animate.css动画添加到Bootstrap Modals。然而，当模态动画时，背景也会如图所示动画。

在插件演示中，背景出现在模式的外。

如何复制此行为？

我的JS＆amp; HTML与我所见的示例相同。

$('body').append(template(options));
el = $("#"+options.id);

el.modal({
    animateIn: 'fadeInDown',
    animateOut: 'fadeOutLeft'
});

HTML：

<div class="modal {{#if icon}}with-icon{{/if}}" id="{{id}}" tabindex="-1" role="dialog" aria-labelledby="{{id}}Label" aria-hidden="true">
    <div class="modal-dialog {{size}}">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <i class="icons8-{{icon}} icon"></i>
                <h4 class="modal-title">{{title}}</h4>
            </div>
            <div class="modal-body">
            {{{content}}}
            </div>
            {{#if buttons}}
            <div class="modal-footer">
                {{#each buttons}}
                <button type="button" class="btn {{class}}" data-dismiss="modal">{{label}}</button>
                {{/each}}
            </div>
            {{/if}}
        </div>
    </div>
</div>