Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bootstrap 3 alerts dismissed with animation

Is there a way to make dismissed alert in bootstrap have an animation like fade out?

I added the class .fade to the code:

 <div class="alert alert-info fade alert-dismissable">
      <p><b>Gracias</b> por ponerte en contacto! Responderé a tu correo lo más pronto posible.</p>
 </div>

But it doesn't work. Any help will be appreciated!

like image 738
CodeTrooper Avatar asked Dec 31 '13 20:12

CodeTrooper


1 Answers

you can add '.in' class, alert fade out.

<div class="alert alert-info fade in">
<a class="close" data-dismiss="alert" href="#">&times;</a>
<p>message</p>
</div>
like image 50
guest Avatar answered Nov 03 '22 07:11

guest