中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：Bootstrap 縮略圖 下一篇：Bootstrap 進(jìn)度條

Bootstrap 警告

本章節(jié)將講解警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用戶提供了一種定義消息樣式的方式。它們?yōu)榈湫偷挠脩舨僮魈峁┝松舷挛男畔⒎答仭?/p>

您可以為警告框添加一個(gè)可選的關(guān)閉按鈕。為了創(chuàng)建一個(gè)內(nèi)聯(lián)的可取消的警告框，請(qǐng)使用 警告（Alerts） jQuery 插件。

您可以通過創(chuàng)建一個(gè) <div>，并向其添加一個(gè) .alert class 和四個(gè)上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-danger）之一，來添加一個(gè)基本的警告框。下面的實(shí)例演示了這點(diǎn)：

實(shí)例

<div class="alert alert-success">成功！很好地完成了提交。</div> <div class="alert alert-info">信息！請(qǐng)注意這個(gè)信息。</div> <div class="alert alert-warning">警告！請(qǐng)不要提交。</div> <div class="alert alert-danger">錯(cuò)誤！請(qǐng)進(jìn)行一些更改。</div>

運(yùn)行代碼 ?

結(jié)果如下所示：

警告（Alerts）

可取消的警告（Dismissal Alerts）

創(chuàng)建一個(gè)可取消的警告（Dismissal Alert）步驟如下：

  • 通過創(chuàng)建一個(gè) <div>，并向其添加一個(gè) .alert class 和四個(gè)上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-danger）之一，來添加一個(gè)基本的警告框。
  • 同時(shí)向上面的 <div> class 添加可選的 .alert-dismissable。
  • 添加一個(gè)關(guān)閉按鈕。

下面的實(shí)例演示了這點(diǎn)：

實(shí)例

<div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> &times; </button> 成功！很好地完成了提交。 </div> <div class="alert alert-info alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> &times; </button> 信息！請(qǐng)注意這個(gè)信息。 </div> <div class="alert alert-warning alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> &times; </button> 警告！請(qǐng)不要提交。 </div> <div class="alert alert-danger alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> &times; </button> 錯(cuò)誤！請(qǐng)進(jìn)行一些更改。 </div>

請(qǐng)確保使用帶有 data-dismiss="alert" data 屬性的 <button> 元素。
運(yùn)行代碼 ?

結(jié)果如下所示：

可取消的警告（Dismissal Alerts）

警告（Alerts）中的鏈接

在警告（Alerts）中創(chuàng)建鏈接的步驟如下：

  • 通過創(chuàng)建一個(gè) <div>，并向其添加一個(gè) .alert class 和四個(gè)上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-danger）之一，來添加一個(gè)基本的警告框。
  • 使用 .alert-link 實(shí)體類來快速提供帶有匹配顏色的鏈接。

實(shí)例

<div class="alert alert-success"> <a href="#" class="alert-link">成功！很好地完成了提交。</a> </div> <div class="alert alert-info"> <a href="#" class="alert-link">信息！請(qǐng)注意這個(gè)信息。</a> </div> <div class="alert alert-warning"> <a href="#" class="alert-link">警告！請(qǐng)不要提交。</a> </div> <div class="alert alert-danger"> <a href="#" class="alert-link">錯(cuò)誤！請(qǐng)進(jìn)行一些更改。</a> </div>

運(yùn)行代碼 ?

結(jié)果如下所示：

警告（Alerts）中的鏈接
上一篇：Bootstrap 縮略圖 下一篇：Bootstrap 進(jìn)度條