資訊專欄INFORMATION COLUMN
摘要：提示框用于給客戶提示輸出消息，通常用于信息反饋。中提供了一組靈活的提示框機(jī)制。中的提示框分為四種。，警告提示框，呈現(xiàn)的背景邊框文本都是淺黃色。上面的代碼提示框是包含在網(wǎng)格系統(tǒng)的列中的，提示框的寬度默認(rèn)占據(jù)容器的。在提示框上添加樣式類。
提示框用于給客戶提示輸出消息，通常用于信息反饋。Bootstrap中提供了一組靈活的提示框機(jī)制。在以往的網(wǎng)頁制作過程中我們經(jīng)常使用alert來提示輸出消息，但是這樣并不是太友好，而且界面也不是很漂亮，Bootstrap改善了這一點。
Bootstrap中的提示框分為四種。
class="alert-success"，成功提示框：告訴用戶操作成功，呈現(xiàn)的背景、邊框和文本都綠色。
class="alert-info"，信息提示框：呈現(xiàn)的背景、邊框和文本都是淺藍(lán)色。
class="alert-warning"，警告提示框，呈現(xiàn)的背景、邊框、文本都是淺黃色。
class="alert-danger"，錯誤提示框：呈現(xiàn)的背景、邊框和文本都是淺紅色。
這與前面章節(jié)講到的按鈕（button）中的幾種主題色基本類似，使用方式也差不多。以上四種樣式的使用都不是基于class="alert"，代碼如下：
上述代碼定義了四種不同的提示框，這是Bootstrap中提示框的最基本的用法，頁面運行效果如圖所示。上面的代碼提示框是包含在網(wǎng)格系統(tǒng)的列中的，提示框的寬度默認(rèn)占據(jù)容器的100%。
上面的提示框沒有任何功能作用，我們可以在提示框上添加一個按鈕用于關(guān)閉提示框，這個在Bootstrap中也是支持的。彈出框的關(guān)閉是依賴js插件的，這個會在后續(xù)的章節(jié)中講解。要想實現(xiàn)提示框的關(guān)閉功能，只需以下幾個步驟即可，代碼如下：
在提示框class="alert"中添加一個按鈕。
在提示框class="alert"上添加"alert-dismissable"樣式類。
在新增按鈕上添加樣式class="close"，用于顯示關(guān)閉圖標(biāo)。
在新增按鈕上新增屬性data-dismiss="alert“。
上述代碼中定義了兩個提示框，其中第一個提示框中添加了“關(guān)閉”按鈕，當(dāng)我們單擊“關(guān)閉”按鈕時提示框會消失。其中“×”；是顯示一個“（”型符號，頁面運行效果如圖所示。
我們可以在提示框中加入一個鏈接用于提示跳轉(zhuǎn)到另外一個頁面，并在Bootstrap框架中對提示框里的鏈接樣式做一個高亮顯示處理，為不同類型的提示框內(nèi)的鏈接進(jìn)行加粗處理，并且使顏色相應(yīng)加深，代碼如下：
代碼中定義了兩個提示框，分別添加了“幫助”鏈接，運行效果如圖8-14所示，鏈接文本內(nèi)容高亮顯示。
本文由甲爪cpa廣告聯(lián)盟整理編輯！http://www.jiazhua.com轉(zhuǎn)載請注明！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/22591.html
摘要：首頁和各版塊帖子頁面都可以是獨立的廣告位?？梢宰詣舆m應(yīng)屏幕分辨率，，不被任何網(wǎng)頁元素遮擋，同時可以支持多個圖片漂浮。 在上一篇文章中甲爪聯(lián)盟有簡短的提到了漂浮廣告！漂浮廣告在廣告聯(lián)盟中網(wǎng)站主和目前互聯(lián)網(wǎng)網(wǎng)頁廣告運營的比較多，并且從效果來看漂浮廣告也是非常不錯的！但是個可能個別的站長對漂浮廣告了解不夠深，或者不知道怎么設(shè)置漂浮廣告！所以甲爪聯(lián)盟就對漂浮廣告是什么？漂浮廣告如何設(shè)置做出詳細(xì)...
摘要：首頁和各版塊帖子頁面都可以是獨立的廣告位?？梢宰詣舆m應(yīng)屏幕分辨率，，不被任何網(wǎng)頁元素遮擋，同時可以支持多個圖片漂浮。 在上一篇文章中甲爪聯(lián)盟有簡短的提到了漂浮廣告！漂浮廣告在廣告聯(lián)盟中網(wǎng)站主和目前互聯(lián)網(wǎng)網(wǎng)頁廣告運營的比較多，并且從效果來看漂浮廣告也是非常不錯的！但是個可能個別的站長對漂浮廣告了解不夠深，或者不知道怎么設(shè)置漂浮廣告！所以甲爪聯(lián)盟就對漂浮廣告是什么？漂浮廣告如何設(shè)置做出詳細(xì)...
摘要：如圖一就是一個矩形廣告。圖一矩形廣告怎么設(shè)置如果你認(rèn)為矩形廣告是一個不錯的廣告展現(xiàn)形式，你可以把廣告聯(lián)盟代碼拿過來后進(jìn)行一下三步的操作第一找到你的文章內(nèi)容表示的代碼，比如的文章是利用這個調(diào)用的。 導(dǎo)讀：（網(wǎng)站的廣告展現(xiàn)形式多種多樣，不同的廣告展現(xiàn)形式帶來的轉(zhuǎn)化效果也不一樣，而矩形廣告是廣告樣式中轉(zhuǎn)化率比較高一點的展現(xiàn)方式，而什么是矩形廣告呢？站主在拿到廣告聯(lián)盟代碼后怎么設(shè)置矩形廣告？甲...
摘要：使自己腳本在網(wǎng)站運行，造成一些列的危險后果。之前說的反射型和存儲型的主要區(qū)別在于，存儲型的執(zhí)行腳本會存儲在數(shù)據(jù)庫，長期有效。而只是對信息做了驗證，并不能阻止的漏洞。機(jī)制和昨天說的反射型一模一樣。 本文由甲爪cpa聯(lián)盟(www.jiazhua.com)整理編輯！轉(zhuǎn)載請注明！環(huán)境是PHPWAMP，firefox（火狐沒有xss過濾器）。環(huán)境和dvwa如果下載不方便可以評論留郵箱，看到會分享...
摘要：不知道是不是今日頭條進(jìn)行了系統(tǒng)升級，標(biāo)題居然可以寫這么長一串文字對于一個想在阿里云服務(wù)器上搭建網(wǎng)站的小白解決環(huán)境配置成了首要問題，手把手教會環(huán)境配置不知道有沒有和我一樣，同在網(wǎng)站建設(shè)方面懷揣著一個小目標(biāo)的同路人。 不知道是不是今日頭條進(jìn)行了系統(tǒng)升級，標(biāo)題居然可以寫這么長一串文字：對于一個想在阿里云ECS服務(wù)器上搭建網(wǎng)站的小白？解決環(huán)境配置成了首要問題，手把手教會PHP環(huán)境配置！ 不知道...
閱讀 1248·2023-04-25 17:05
閱讀 3046·2021-11-19 09:40
閱讀 3678·2021-11-18 10:02
閱讀 1778·2021-09-23 11:45
閱讀 3059·2021-08-20 09:36
閱讀 2817·2021-08-13 15:07
閱讀 1166·2019-08-30 15:55
閱讀 2497·2019-08-30 14:11
