中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：Bootstrap4 信息提示框 下一篇：Bootstrap4 按鈕組

Bootstrap4 按鈕

Bootstrap 4 上提供了不同樣式的按鈕，這些按鈕支持一系列上下文變量、尺寸、狀態(tài)等設(shè)置。

實(shí)例

<button type="button" class="btn">基本按鈕</button> <button type="button" class="btn btn-primary">主要按鈕</button> <button type="button" class="btn btn-secondary">次要按鈕</button> <button type="button" class="btn btn-success">成功</button> <button type="button" class="btn btn-info">信息</button> <button type="button" class="btn btn-warning">警告</button> <button type="button" class="btn btn-danger">危險(xiǎn)</button> <button type="button" class="btn btn-dark">黑色</button> <button type="button" class="btn btn-light">淺色</button> <button type="button" class="btn btn-link">鏈接</button>

運(yùn)行代碼 ?

按鈕類(lèi)可用于 <a>, <button>, 或 <input> 元素上:

實(shí)例

<a href="#" class="btn btn-info" role="button">鏈接按鈕</a> <button type="button" class="btn btn-info">按鈕</button> <input type="button" class="btn btn-info" value="輸入框按鈕"> <input type="submit" class="btn btn-info" value="提交按鈕">

運(yùn)行代碼 ?

按鈕設(shè)置邊框

需要一個(gè)按鈕，但是不要他們自帶的背景顏色？我們可以使用.btn-outline類(lèi)來(lái)實(shí)現(xiàn)。

實(shí)例

<button type="button" class="btn btn-outline-primary">主要按鈕</button> <button type="button" class="btn btn-outline-secondary">次要按鈕</button> <button type="button" class="btn btn-outline-success">成功</button> <button type="button" class="btn btn-outline-info">信息</button> <button type="button" class="btn btn-outline-warning">警告</button> <button type="button" class="btn btn-outline-danger">危險(xiǎn)</button> <button type="button" class="btn btn-outline-dark">黑色</button> <button type="button" class="btn btn-outline-light text-dark">淺色</button>

運(yùn)行代碼 ?

不同大小的按鈕

Bootstrap 4 可以設(shè)置按鈕的大小，.btn-lg類(lèi)可以設(shè)置大號(hào)按鈕，.btn-sm類(lèi)可以設(shè)置小號(hào)按鈕：

實(shí)例

<button type="button" class="btn btn-primary btn-lg">大號(hào)按鈕</button> <button type="button" class="btn btn-primary">默認(rèn)按鈕</button> <button type="button" class="btn btn-primary btn-sm">小號(hào)按鈕</button>

運(yùn)行代碼 ?

塊級(jí)按鈕

通過(guò)添加 .btn-block 類(lèi)可以設(shè)置塊級(jí)按鈕：

實(shí)例

<button type="button" class="btn btn-primary btn-block">按鈕 1</button>

運(yùn)行代碼 ?

激活和禁用的按鈕

按鈕可設(shè)置為激活或者禁止點(diǎn)擊的狀態(tài)。

.active 類(lèi)可以設(shè)置按鈕是可用的， disabled 屬性可以設(shè)置按鈕是不可點(diǎn)擊的。 注意 <a> 元素不支持 disabled 屬性，你可以通過(guò)添加 .disabled 類(lèi)來(lái)禁止鏈接的點(diǎn)擊。

實(shí)例

<button type="button" class="btn btn-primary active">點(diǎn)擊后的按鈕</button> <button type="button" class="btn btn-primary" disabled>禁止點(diǎn)擊的按鈕</button> <a href="#" class="btn btn-primary disabled">禁止點(diǎn)擊的鏈接</a>

運(yùn)行代碼 ?
上一篇：Bootstrap4 信息提示框 下一篇：Bootstrap4 按鈕組