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

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

Bootstrap4 按鈕

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

實例

<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">危險</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>

運行代碼 ?

按鈕類可用于 <a>, <button>, 或 <input> 元素上:

實例

<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="提交按鈕">

運行代碼 ?

按鈕設置邊框

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

實例

<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">危險</button> <button type="button" class="btn btn-outline-dark">黑色</button> <button type="button" class="btn btn-outline-light text-dark">淺色</button>

運行代碼 ?

不同大小的按鈕

Bootstrap 4 可以設置按鈕的大小，.btn-lg類可以設置大號按鈕，.btn-sm類可以設置小號按鈕：

實例

<button type="button" class="btn btn-primary btn-lg">大號按鈕</button> <button type="button" class="btn btn-primary">默認按鈕</button> <button type="button" class="btn btn-primary btn-sm">小號按鈕</button>

運行代碼 ?

塊級按鈕

通過添加 .btn-block 類可以設置塊級按鈕：

實例

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

運行代碼 ?

激活和禁用的按鈕

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

.active 類可以設置按鈕是可用的， disabled 屬性可以設置按鈕是不可點擊的。 注意 <a> 元素不支持 disabled 屬性，你可以通過添加 .disabled 類來禁止鏈接的點擊。

實例

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

運行代碼 ?
上一篇：Bootstrap4 信息提示框 下一篇：Bootstrap4 按鈕組