ALERT

ALERT STYLE

各类精彩提示

预览
HTML

Alerts

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Dismissible alerts

Well done! 旺财28以清晰分类，快速找到你感兴趣的内容为核心，带来高效便捷的体验。

Heads up! 想了解更多稳定流畅的平台，不容错过的精彩瞬间相关内容，尽在旺财28。

Warning! 旺财28围绕实时活动更新，参与乐趣无穷不断创新，回应用户的真实需求。

Oh snap! 精选旺财28入口内容，旺财28与你一同发现更多精彩。

Links in alerts

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

										
<div class="col-xs-12">
<h3 class="sc-sub-title">Alerts</h3>
<div class="alert alert-success">
<strong>Well done!</strong>
You successfully read this important alert message.
</div>
<div class="alert alert-info">
<strong>Heads up!</strong>
This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're not looking too good.</div>
<div class="alert alert-danger"><strong>Oh snap!</strong> Change a few things up and try submitting again.</div>
<h3 class="sc-sub-title">Dismissible alerts</h3>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<h3 class="sc-sub-title">Links in alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
<div class="alert alert-info"><strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good.</a></div>
<div class="alert alert-danger"><strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.</div>
</div>