国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

甲爪聯盟講解:網站中常見到的提示框設計

DataPipeline / 750人閱讀

摘要:提示框用于給客戶提示輸出消息,通常用于信息反饋。中提供了一組靈活的提示框機制。中的提示框分為四種。,警告提示框,呈現的背景邊框文本都是淺黃色。上面的代碼提示框是包含在網格系統的列中的,提示框的寬度默認占據容器的。在提示框上添加樣式類。

提示框用于給客戶提示輸出消息,通常用于信息反饋。Bootstrap中提供了一組靈活的提示框機制。在以往的網頁制作過程中我們經常使用alert來提示輸出消息,但是這樣并不是太友好,而且界面也不是很漂亮,Bootstrap改善了這一點。
Bootstrap中的提示框分為四種。
class="alert-success",成功提示框:告訴用戶操作成功,呈現的背景、邊框和文本都綠色。
class="alert-info",信息提示框:呈現的背景、邊框和文本都是淺藍色。
class="alert-warning",警告提示框,呈現的背景、邊框、文本都是淺黃色。
class="alert-danger",錯誤提示框:呈現的背景、邊框和文本都是淺紅色。
這與前面章節講到的按鈕(button)中的幾種主題色基本類似,使用方式也差不多。以上四種樣式的使用都不是基于class="alert",代碼如下:

上述代碼定義了四種不同的提示框,這是Bootstrap中提示框的最基本的用法,頁面運行效果如圖所示。上面的代碼提示框是包含在網格系統的列中的,提示框的寬度默認占據容器的100%。

上面的提示框沒有任何功能作用,我們可以在提示框上添加一個按鈕用于關閉提示框,這個在Bootstrap中也是支持的。彈出框的關閉是依賴js插件的,這個會在后續的章節中講解。要想實現提示框的關閉功能,只需以下幾個步驟即可,代碼如下:
在提示框class="alert"中添加一個按鈕。
在提示框class="alert"上添加"alert-dismissable"樣式類。
在新增按鈕上添加樣式class="close",用于顯示關閉圖標。
在新增按鈕上新增屬性data-dismiss="alert“。

上述代碼中定義了兩個提示框,其中第一個提示框中添加了“關閉”按鈕,當我們單擊“關閉”按鈕時提示框會消失。其中“×”;是顯示一個“(”型符號,頁面運行效果如圖所示。

我們可以在提示框中加入一個鏈接用于提示跳轉到另外一個頁面,并在Bootstrap框架中對提示框里的鏈接樣式做一個高亮顯示處理,為不同類型的提示框內的鏈接進行加粗處理,并且使顏色相應加深,代碼如下:

代碼中定義了兩個提示框,分別添加了“幫助”鏈接,運行效果如圖8-14所示,鏈接文本內容高亮顯示。

本文由甲爪cpa廣告聯盟整理編輯!http://www.jiazhua.com轉載請注明!

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/22591.html

相關文章

  • 漂浮廣告是什么?漂浮廣告如何設置

    摘要:首頁和各版塊帖子頁面都可以是獨立的廣告位??梢宰詣舆m應屏幕分辨率,,不被任何網頁元素遮擋,同時可以支持多個圖片漂浮。 在上一篇文章中甲爪聯盟有簡短的提到了漂浮廣告!漂浮廣告在廣告聯盟中網站主和目前互聯網網頁廣告運營的比較多,并且從效果來看漂浮廣告也是非常不錯的!但是個可能個別的站長對漂浮廣告了解不夠深,或者不知道怎么設置漂浮廣告!所以甲爪聯盟就對漂浮廣告是什么?漂浮廣告如何設置做出詳細...

    xiaolinbang 評論0 收藏0
  • 漂浮廣告是什么?漂浮廣告如何設置

    摘要:首頁和各版塊帖子頁面都可以是獨立的廣告位??梢宰詣舆m應屏幕分辨率,,不被任何網頁元素遮擋,同時可以支持多個圖片漂浮。 在上一篇文章中甲爪聯盟有簡短的提到了漂浮廣告!漂浮廣告在廣告聯盟中網站主和目前互聯網網頁廣告運營的比較多,并且從效果來看漂浮廣告也是非常不錯的!但是個可能個別的站長對漂浮廣告了解不夠深,或者不知道怎么設置漂浮廣告!所以甲爪聯盟就對漂浮廣告是什么?漂浮廣告如何設置做出詳細...

    xinhaip 評論0 收藏0
  • 矩形廣告是什么?矩形廣告如何設置?

    摘要:如圖一就是一個矩形廣告。圖一矩形廣告怎么設置如果你認為矩形廣告是一個不錯的廣告展現形式,你可以把廣告聯盟代碼拿過來后進行一下三步的操作第一找到你的文章內容表示的代碼,比如的文章是利用這個調用的。 導讀:(網站的廣告展現形式多種多樣,不同的廣告展現形式帶來的轉化效果也不一樣,而矩形廣告是廣告樣式中轉化率比較高一點的展現方式,而什么是矩形廣告呢?站主在拿到廣告聯盟代碼后怎么設置矩形廣告?甲...

    ZoomQuiet 評論0 收藏0
  • 網站滲透DVWA之存儲型XSS

    摘要:使自己腳本在網站運行,造成一些列的危險后果。之前說的反射型和存儲型的主要區別在于,存儲型的執行腳本會存儲在數據庫,長期有效。而只是對信息做了驗證,并不能阻止的漏洞。機制和昨天說的反射型一模一樣。 本文由甲爪cpa聯盟(www.jiazhua.com)整理編輯!轉載請注明!環境是PHPWAMP,firefox(火狐沒有xss過濾器)。環境和dvwa如果下載不方便可以評論留郵箱,看到會分享...

    TANKING 評論0 收藏0
  • 網站搭建之PHP環境配置!

    摘要:不知道是不是今日頭條進行了系統升級,標題居然可以寫這么長一串文字對于一個想在阿里云服務器上搭建網站的小白解決環境配置成了首要問題,手把手教會環境配置不知道有沒有和我一樣,同在網站建設方面懷揣著一個小目標的同路人。 不知道是不是今日頭條進行了系統升級,標題居然可以寫這么長一串文字:對于一個想在阿里云ECS服務器上搭建網站的小白?解決環境配置成了首要問題,手把手教會PHP環境配置! 不知道...

    elisa.yang 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<