警報
Bootstrap提供了一種簡單的方法來創建預定義的警報消息：
× 成功！ 該警告框指示成功或積極的行動。
× 信息！ 此警報框指示中性信息變更或執行。
× 警告！ 此警報框表示可能需要注意的警告。
× 危險！ 該警告框表示危險或潛在的負面作用。
警報與所創建的.alert類，其次的四個上下文類之一.alert-success ， .alert-info ， .alert-warning或.alert-danger ：
例
<div class="alert alert-success">
<strong>Success!</strong>
Indicates a successful or positive action.
</div>
<div class="alert alert-info">
<strong>Info!</strong> Indicates a neutral informative change or action.
</div>
<div class="alert alert-warning">
<strong>Warning!</strong> Indicates a warning that might need attention.
</div>
<div class="alert alert-danger">
<strong>Danger!</strong> Indicates a dangerous or potentially negative
action.
</div>
試一試» 截止警報
要關閉警報消息，添加class="close"和data-dismiss="alert"的鏈接或按鈕元素：
例
<div class="alert alert-success">
<a href="#"
class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
試一試» 該aria-*屬性，並× 說明
為了幫助改善輔助功能使用屏幕閱讀器的人，你應該包括aria-label="close"創建一個關閉按鈕時屬性。
× (×) × (×)是為關閉按鈕的優選圖標，而不是字母的HTML實體"x"
動畫快訊
該.fade和.in階級關閉警報消息時增加了一個漸變效果：
自測練習用！
完成Bootstrap警報參考
有關所有警報選項，方法和事件的完整參考，請訪問我們的Bootstrap JS警報參考 。