2012-07-01 10 views
0

모달 자바 스크립트 플러그인이 정상적으로 작동합니다. 나는 도서관 자체에 관한 질문을했다. 이 링크Twitter Bootstrap Modal

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

화면의 수직 중심으로 화면의 상단에서 모달 드롭에 통지하는 경우

. 이 기능이 플러그인에 제공 되었습니까, 아니면 내가 직접 작성해야하는 자바 스크립트입니까?

감사합니다.

답변

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> 

documentation에서 JsFiddle here

에 대한 조치에 체크 아웃처럼 보일 것이다 :

머리를! 모달을 애니메이션으로 움직이게하려면, .fade 클래스를 .modal 요소에 추가하고 (자세한 내용은 작업에서 데모를 참조하십시오) bootstrap-transition.js를 포함하십시오.

문서 당
+0

감사합니다. 웬일인지, 나는 그 메모를 놓쳤다! 이제 잘됩니다. –

1

, 기능은 플러그인으로 제공됩니다

당신이 당신의 모달 단지를 참조합니다 (.modal 요소에 .fade 클래스를 추가, 안팎 애니메이션을 적용 할 경우 데모를 보시고 bootstrap-transition.js를 포함 시키십시오).