在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ 警告框
警告框
標(biāo)簽頁
代碼
輪播
進(jìn)度條
輔助類
按鈕組
社區(qū)
標(biāo)簽
導(dǎo)航
響應(yīng)式工具
禁止響應(yīng)式布局
工具提示
概覽
媒體對象
概覽
具有響應(yīng)式特性的嵌入內(nèi)容
Well
折疊
下載
對第三方組件的支持
Glyphicons 字體圖標(biāo)
編譯 CSS 和 JavaScript 文件
徽章
柵格系統(tǒng)
瀏覽器和設(shè)備的支持情況
輸入框組
表格
滾動監(jiān)聽
下拉菜單
排版
巨幕
按鈕
頁頭
使用 Sass
包含的內(nèi)容
縮略圖
模態(tài)框
基本模板
面版
圖片
路徑導(dǎo)航
分頁
導(dǎo)航條
警告框
過渡效果
從 v2.x 版本升級到 v3.x 版本
工具
可訪問性
彈出框
按鈕式下拉菜單
表單
列表組
按鈕
使用 Less
下拉菜單

警告框

警告框組件通過提供一些靈活的預(yù)定義消息,為常見的用戶動作提供反饋消息。

實(shí)例

將任意文本和一個(gè)可選的關(guān)閉按鈕組合在一起就能組成一個(gè)警告框,.alert 類是必須要設(shè)置的,另外我們還提供了有特殊意義的 4 個(gè)類(例如,.alert-success),代表不同的警告信息。

沒有默認(rèn)類

警告框沒有默認(rèn)類,只有基類和修飾類。默認(rèn)的灰色警告框并沒有多少意義。所以您要使用一種有意義的警告類。目前提供了成功、消息、警告或危險(xiǎn)。

<div class="alert alert-success" role="alert">...</div>
<div class="alert alert-info" role="alert">...</div>
<div class="alert alert-warning" role="alert">...</div>
<div class="alert alert-danger" role="alert">...</div>

可關(guān)閉的警告框

為警告框添加一個(gè)可選的 .alert-dismissible 類和一個(gè)關(guān)閉按鈕。

依賴警告框 JavaScript 插件

如果需要為警告框組件提供關(guān)閉功能,請使用 jQuery 警告框插件。

<div class="alert alert-warning alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

保在所有設(shè)備上的正確行為

務(wù)必給 <button> 元素添加 data-dismiss="alert" 屬性。

警告框中的鏈接

.alert-link 工具類,可以為鏈接設(shè)置與當(dāng)前警告框相符的顏色。

<div class="alert alert-success" role="alert">
  <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-info" role="alert">
  <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-warning" role="alert">
  <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-danger" role="alert">
  <a href="#" class="alert-link">...</a>
</div>
上一篇:標(biāo)簽頁下一篇:導(dǎo)航