如何在bootstrap模態中使用animate.css？

Question

我正在使用模式在bootstrap.I想要當我點擊模式對話框中的關閉按鈕它消失與動畫=「鉸鏈」，在animate.css中指定。如何實現？

<div class="modal " id="call" role="dialog"> 
    <div class="modal-dialog"> 
      <div class="modal-content"> 
        <div class="modal-header"> 
        <h4>Call Us At</h4> 
        </div> 

      <div class="modal-body"> 
        <pre> 
         Landline: 34343434 
         Mobile : 343434343434 
         </pre> 
        </div> 

      <div class="modal-footer"> 
        <button class="btn btn-danger " data-dismiss="modal">Close</button> 
        </div> 
       </div> 
     </div> 
</div> 

<div class="row" style="margin-top:100px;"> 
    <div class="btn-group btn-group-justified"> 
    <div class="btn-group"><a class="btn btn-success" href="#call" data-toggle="modal">CALL US</a></div> 
    </div> 
</div> 

Answer 1

嘗試這種解決方案Demo URL

$(document).on('hide.bs.modal','#myModal1', function (e) { 
    $('#myModal1').addClass("animated hinge"); 
    $('.modal-backdrop').hide(); 
    return e.preventDefault(); 
});