Bootstrap 按鈕樣式與使用代碼詳解
更新時(shí)間：2018年12月09日 14:19:16 作者：在代碼的世界里游走
這篇文章主要介紹了Bootstrap -- 按鈕樣式與使用，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
1. 可用于<a>, <button>, 或 <input> 元素的按鈕樣式
按鈕樣式使用：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Test bootstrap</title> <link rel="stylesheet" href="./css/bootstrap.min.css" rel="external nofollow" > <script type="text/javascript" src="./js/bootstrap.min.js"></script> </head> <body> <button type="button" class="btn btn-primary">原始按鈕</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> </body> </html>
總結(jié)
以上所述是小編給大家介紹的Bootstrap 按鈕樣式與使用代碼詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時(shí)回復(fù)大家的！
相關(guān)文章
小程序開發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式
uniapp本身是有icon組件的,但由于icon組件各端表現(xiàn)存在差異,所以我們可以通過使用iconfont的字體圖標(biāo)來彌補(bǔ)這些差異,下面這篇文章主要給大家介紹了關(guān)于小程序開發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式的相關(guān)資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了微信小程序數(shù)字滾動插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-02-02
document.designMode的功能與使用方法介紹...2007-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)公告自動滾動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript封裝axios的實(shí)現(xiàn)詳解
這篇文章主要介紹了JavaScript封裝axios的實(shí)現(xiàn)，Axios是一個(gè)開放源代碼庫，使我們可以輕松地發(fā)出HTTP請求。 實(shí)際上，它是通過額外的超能力來fetch2022-09-09
通過JS獲取用戶本地圖片路徑并顯示的代碼，多用于本地上傳圖片的預(yù)覽效果2012-02-02
現(xiàn)在面試過程當(dāng)中 ，手寫題必然是少不了的，其中碰到比較多的無非就是當(dāng)屬 請求并發(fā)控制了，所以本文為大家整理了JS使用Promise控制請求并發(fā)數(shù)的示例代碼，希望對大家有所幫助2023-05-05
下面小編就為大家?guī)硪黄唵畏庋bjs的dom查詢實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
使用JS調(diào)用工控機(jī)(Windows)虛擬鍵盤
在工控機(jī)觸摸屏中,通過瀏覽器web端進(jìn)行表單輸入,當(dāng)聚焦表單輸入框并不會出現(xiàn)虛擬鍵盤進(jìn)行輸入,本文介紹將給大家介紹如何通過js調(diào)用工控機(jī)(Windows)虛擬鍵盤,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
這篇文章主要簡單介紹了Javascript數(shù)組與字典,需要的朋友可以參考下2015-01-01