Twitter Bootstrap Modal

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 here

從documentation：

注意！如果你想讓你的模態動畫進出，只需在.modal元素中添加一個 .fade類（參考演示在 動作中看到這一點），幷包括bootstrap-transition.js。

Answer 2

每文檔，該功能在插件中提供：

如果你希望你的模式，以動畫和縮小，只需添加一個.fade類的.modal元（參考演示以查看此操作）幷包含bootstrap-transition.js。