Twitter bootstrap 如何获得；心跳“；对聚焦模态窗口的影响？

引导程序有一个，当在外部单击时不会关闭。如果你试着在他们的演示中点击它的外部，它会有一点“心跳”（或者你怎么称呼它）的效果，表明它需要注意

但是，当我从示例中复制他们的HTML代码时，它不会产生动画效果。这里有小提琴：

显然，这里缺少了一些东西，而且似乎没有记录在案。它不能是HTML属性，因为我有HTML示例。。。它是一个额外的JS插件，需要包括在内，还是什么

---

（因为Stackoverflow不允许没有代码的JS Fiddle链接，这里就是了，尽管我认为这里没有那么重要）

启动静态背景模式
情态标题
&时代；
...
接近
理解

小提琴缺少创建动画的javascript。添加作品

查看源代码时，

modal.js

文件将类

modal static

添加到modal

\u triggerBackdropTransition（）{
如果（此._config.background==“静态”）{
const hideEventPrevented=$.Event（Event.HIDE\u阻止）
$（此._元素）.trigger（hideEventPrevented）
if（hideEventPrevented.defaultPrevented）{
返回
}
此._元素.classList.add（ClassName.STATIC）
const modalTransitionDuration=Util.getTransitionDurationFromElement（this.\u元素）
$（此._元素）。一（Util.TRANSITION_END，（）=>{
此._元素.classList.remove（ClassName.STATIC）
})
.emulateTransitionEnd（modalTransitionDuration）
此._元素。焦点（）
}否则{
this.hide（）
}
}

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#staticBackdrop">
  Launch static backdrop modal
</button>

<!-- Modal -->
<div class="modal fade" id="staticBackdrop" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Understood</button>
      </div>
    </div>
  </div>
</div>