I'm using Bootstrap alerts,i tried multiple ways to make them fade out but it didn't work. This is the code:

<div class='col-sm-7 alert alert-success' id='alrt' role='alert'>
<i class='fa fa-check fa-fw'></i>
<b>Etudiant ajouté avec succés</b>
</div>

the alert show up automatically when opening the page.

I'm using Bootstrap alerts,i tried multiple ways to make them fade out but it didn't work. This is the code:

<div class='col-sm-7 alert alert-success' id='alrt' role='alert'>
<i class='fa fa-check fa-fw'></i>
<b>Etudiant ajouté avec succés</b>
</div>

the alert show up automatically when opening the page.

• javascript
• jquery
• css
• twitter-bootstrap

• stackoverflow./questions/7643308/… – Sagar Naliyapara Commented Apr 1, 2015 at 12:48
• stackoverflow./questions/7676356/… – Sagar Naliyapara Commented Apr 1, 2015 at 12:48
• stackoverflow./questions/22138967/… – Sagar Naliyapara Commented Apr 1, 2015 at 12:48

1 Answer 1

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

<div class="alert alert-info fade in">
<a class="close" data-dismiss="alert" href="#"></a>
<p>message inside alert goes here</p>
</div>