如何在Bootstrap 3中使警报淡出？

Question

我正在使用Bootstrap警报,我尝试了多种方法使它们淡出,但它没有用.这是代码:

<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>

打开页面时,警报会自动显示.

Answer 1

你可以添加'.in'课程,警告淡出.

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