如何在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(); 
});