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

我使用Bootstrap警报，我尝试了多种方法使它们淡出，但它没有奏效。这是代码：如何使警报在Bootstrap 3中淡出？

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

警报自动显示出来打开页面时。

2015-04-01 Hbib

http://stackoverflow.com/questions/7643308/how-to-automatically-close-alerts-using-twitter-bootstrap – 2015-04-01 12:48:10

http://stackoverflow.com/questions/7676356/can-twitter- bootstrap-alerts-fade-in-as-well-as-out – 2015-04-01 12:48:25

http://stackoverflow.com/questions/22138967/bootstrap-3-how-to-fade-in-alert-box-on-click-and-淡出-后-3-秒 – 2015-04-01 12:48:46

您可以添加'.in'类，警报淡出。

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

2015-04-01 12:48:39 BIW

回答