掃二維碼與項(xiàng)目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
Bootstrap 4 可以很容易實(shí)現(xiàn)信息提示框。

我們注重客戶提出的每個要求,我們充分考慮每一個細(xì)節(jié),我們積極的做好網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計服務(wù),我們努力開拓更好的視野,通過不懈的努力,創(chuàng)新互聯(lián)建站贏得了業(yè)內(nèi)的良好聲譽(yù),這一切,也不斷的激勵著我們更好的服務(wù)客戶。 主要業(yè)務(wù):網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計,微信平臺小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實(shí)力,DIV+CSS,PHP及ASP,ASP.Net,SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。
提示框可以使用 .alert 類, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light 或 .alert-dark 類來實(shí)現(xiàn):
<
div
class
=
"
alert alert-success
"
>
<
strong
>
成功!
strong
>
指定操作成功提示信息。
div
>
嘗試一下 ?
提示框中在鏈接的標(biāo)簽上添加 alert-link 類來設(shè)置匹配提示框顏色的鏈接:
<
div
class
=
"
alert alert-success
"
>
<
strong
>
成功!
strong
>
你應(yīng)該認(rèn)真閱讀
<
a
href
=
"
#
"
class
=
"
alert-link
"
>
這條信息
a
>
。
div
>
嘗試一下 ?
我們可以在提示框中的 div 中添加 .alert-dismissible 類,然后在關(guān)閉按鈕的鏈接上添加 class="close" 和 data-dismiss="alert" 類來設(shè)置提示框的關(guān)閉操作。
<
div
class
=
"
alert alert-success alert-dismissible
"
>
<
button
type
=
"
button
"
class
=
"
close
"
data-dismiss
=
"
alert
"
>
×
button
>
<
strong
>
成功!
strong
>
指定操作成功提示信息。
div
>
嘗試一下 ?
提示: × (×) 是 HTML 實(shí)體字符,來表示關(guān)閉操作,而不是字母 "x"。
.fade 和 .show 類用于設(shè)置提示框在關(guān)閉時的淡出和淡入效果:
<
div
class
=
"
alert alert-danger alert-dismissible fade show
"
>
嘗試一下 ?

我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運(yùn)營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流