Bootstrap Alerts
提醒框
Bootstrap 提供了一種簡單的方法來建立預定義的警報訊息
× 成功！ 此警報框表示成功或積極的操作。
× 資訊！ 此警報框表示中性資訊性更改或操作。
× 警告！ 此警報框表示可能需要注意的警告。
× 危險！ 此警報框表示危險或可能負面的操作。
Alerts 是使用 .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>資訊！</strong> 表示中性資訊性更改或操作。
</div>
<div class="alert alert-warning">
<strong>警告！</strong> 表示可能需要注意的警告。
</div>
<div class="alert alert-danger">
<strong>危險！</strong> 表示危險或可能負面的操作。
</div>
自己動手試一試 »
警報連結
為警報框中的任何連結新增 alert-link 類，以建立“匹配顏色的連結”
成功！ 您應該 閱讀此訊息。
資訊！ 您應該 閱讀此訊息。
警告！ 您應該 閱讀此訊息。
危險！ 您應該 閱讀此訊息。
示例
<div class="alert alert-success">
<strong>成功！</strong> 您應該 <a href="#" class="alert-link">閱讀此訊息</a>。
</div>
自己動手試一試 »
關閉警報
× 點選右側的“x”符號即可關閉我。
要關閉警報訊息，請向警報容器新增 .alert-dismissible 類。然後向連結或按鈕元素新增 class="close" 和 data-dismiss="alert"（點選此元素即可隱藏警報框）。
示例
<div class="alert alert-success alert-dismissible">
<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”更受推薦的關閉按鈕圖示。
有關所有 HTML 實體的列表，請訪問我們的 HTML Entities 參考。
動畫警報
× 點選右側的“x”符號即可關閉我。我將“淡出”。
.fade 和 .in 類在關閉警報訊息時會新增淡出效果
完整的 Bootstrap 警報參考
有關所有警報選項、方法和事件的完整參考，請訪問我們的Bootstrap JS Alert 參考。
