av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯(lián)Bootstrap4教程：Bootstrap4模態(tài)框

Bootstrap4 模態(tài)框

模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來(lái)自一個(gè)單獨(dú)的源的內(nèi)容，可以在不離開(kāi)父窗體的情況下有一些互動(dòng)。子窗體可提供信息交互等。

如何創(chuàng)建模態(tài)框

以下實(shí)例創(chuàng)建了一個(gè)簡(jiǎn)單的模態(tài)框效果 ：

實(shí)例



<
button

type
=
"
button
"

class
=
"
btn btn-primary
"

data-toggle
=
"
modal
"

data-target
=
"
#myModal
"
>
打開(kāi)模態(tài)框
button
>



<
div

class
=
"
modal fade
"

id
=
"
myModal
"
>

<
div

class
=
"
modal-dialog
"
>

<
div

class
=
"
modal-content
"
>



<
div

class
=
"
modal-header
"
>

<
h4

class
=
"
modal-title
"
>
模態(tài)框頭部
h4
>

<
button

type
=
"
button
"

class
=
"
close
"

data-dismiss
=
"
modal
"
>
×
button
>

div
>



<
div

class
=
"
modal-body
"
>
模態(tài)框內(nèi)容..
div
>



<
div

class
=
"
modal-footer
"
>

<
button

type
=
"
button
"

class
=
"
btn btn-secondary
"

data-dismiss
=
"
modal
"
>
關(guān)閉
button
>

div
>

div
>

div
>

div
>

嘗試一下 ?

模態(tài)框尺寸

我們可以通過(guò)添加 .modal-sm 類(lèi)來(lái)創(chuàng)建一個(gè)小模態(tài)框，.modal-lg 類(lèi)可以創(chuàng)建一個(gè)大模態(tài)框。

尺寸類(lèi)放在

元素的 .modal-dialog 類(lèi)后 :

實(shí)例 - 小模態(tài)框

<
div

class
=
"
modal-dialog modal-sm
"
>

嘗試一下 ?

實(shí)例 - 大模態(tài)框

<
div

class
=
"
modal-dialog modal-lg
"
>

嘗試一下 ?


當(dāng)前名稱(chēng)：創(chuàng)新互聯(lián)Bootstrap4教程：Bootstrap4模態(tài)框
本文鏈接：http://uogjgqi.cn/article/dhhiges.html
掃二維碼與項(xiàng)目經(jīng)理溝通

我們?cè)谖⑿派?4小時(shí)期待你的聲音

解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流