小編給大家分享一下怎樣使用Bootstrap按鈕，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站建設(shè)，網(wǎng)站設(shè)計，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。10年品質(zhì)，值得信賴！

Bootstrap 按鈕

如何使用 Bootstrap 按鈕。任何帶有 class .btn 的元素都會繼承圓角灰色按鈕的默認外觀。但是 Bootstrap 提供了一些選項來定義按鈕的樣式，具體如下表所示：

以下樣式可用于, , 或 元素上：

下面的實例演示了上面所有的按鈕 class：

默認按鈕

原始按鈕 成功按鈕 信息按鈕 警告按鈕 危險按鈕 鏈接按鈕

效果

按鈕大小

下表列出了獲得各種大小按鈕的 class：

 大的原始按鈕
 大的按鈕


 默認大小的原始按鈕
 默認大小的按鈕


 小的原始按鈕
 小的按鈕


 特別小的原始按鈕
 特別小的按鈕


 塊級的原始按鈕
 塊級的按鈕

效果

按鈕狀態(tài)

Bootstrap 提供了激活、禁用等按鈕狀態(tài)的 class，下面將進行詳細講解。

激活狀態(tài)

按鈕在激活時將呈現(xiàn)為被按壓的外觀（深色的背景、深色的邊框、陰影）。

下表列出了讓按鈕元素和錨元素呈激活狀態(tài)的 class：

 默認按鈕
 激活按鈕


 原始按鈕
 激活的原始按鈕

禁用狀態(tài)

當您禁用一個按鈕時，它的顏色會變淡 50%，并失去漸變。

下表列出了讓按鈕元素和錨元素呈禁用狀態(tài)的 class：

下面的實例演示了這點：

 默認按鈕
 禁用按鈕


 原始按鈕
 禁用的原始按鈕


 鏈接
 禁用鏈接


 原始鏈接
 禁用的原始鏈接

效果

按鈕標簽

您可以在 、 或 元素上使用按鈕 class。但是建議您在 元素上使用按鈕 class，避免跨瀏覽器的不一致性問題。

下面的實例演示了這點：

鏈接
按鈕

看完了這篇文章，相信你對“怎樣使用Bootstrap按鈕”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文名稱：怎樣使用Bootstrap按鈕-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://weahome.cn/article/djjogc.html