CODEWITHSUNDEEP
javascriptjquerycsstwitter-bootstrap
user4738222
user4738222

Reputation:

How to make alerts fade out in Bootstrap 3?

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.

Upvotes: -1

Views: 8206

Answers (1)

BradleyIW
BradleyIW

Reputation: 1358

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>

Upvotes: 5

Related Questions