bootstrap模态在关闭时不动画

Question

我有这样的演示代码

<!-- Small modal -->
<button class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">Small modal</button>

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            Hello
        </div>
    </div>
</div>

它显示了动画点击按钮的模态，但是点击关闭按钮时它不会隐藏带有动画的模态。相反，它立即隐藏。我需要在这里解决什么？

我正在使用bootstrap 3.1.1和modal.js文件的完整css文件。