javascript - Twitter 引导模式

Question

模态 javascript 插件工作正常。我有一个关于图书馆本身的问题。

如果您在此链接中注意到

http://twitter.github.com/bootstrap/javascript.html#modals
// click on LAUNCH DEMO MODAL

模态从屏幕顶部下降到屏幕的垂直中心。插件中提供了此功能还是我必须自己编写的javascript？

谢谢。

Answer 1

将fade类添加到模态以获得此转换。

你的 html 应该看起来像

<div id="myModal" class="modal hide fade">
  <div class="modal-header"></div>
  <div class="modal-body"></div>
  <div class="modal-footer"></div>
</div>

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch Modal</a>

在此处查看 JsFiddle 的实际操作

从文档中：

小心！如果您希望您的模态动画进出，只需将 .fade 类添加到 .modal 元素（请参阅演示以查看此操作）并包含 bootstrap-transition.js。

Answer 2

根据文档，插件中提供了该功能：

如果您希望您的模态动画进出，只需将 .fade 类添加到 .modal 元素（请参阅演示以查看此操作）并包含 bootstrap-transition.js。