推特引导模式

Twitter Bootstrap Modal

本文关键字：模式      更新时间：2023-09-26

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

如果您在此链接中注意到

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

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

谢谢。

将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 元素（请参阅演示以查看 操作）并包括引导转换.js。

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

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

相关文章：