Wie verwendet man animate.css im Bootstrap-Modal?

Question

Ich benutze modal in bootstrap.Ich möchte, dass, wenn ich Schließen-Schaltfläche im modalen Dialog mit Animation = "Scharnier", die in animate.css angegeben ist, verschwindet. Wie erreichen Sie das?

<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

diese Lösung Versuchen Demo URL

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