如何使警報在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

回答