Bootstrap 按鈕樣式與使用代碼詳解
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 按鈕樣式與使用代碼詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
小程序開(kāi)發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式
uniapp本身是有icon組件的,但由于icon組件各端表現(xiàn)存在差異,所以我們可以通過(guò)使用iconfont的字體圖標(biāo)來(lái)彌補(bǔ)這些差異,下面這篇文章主要給大家介紹了關(guān)于小程序開(kāi)發(fā)之uniapp引入iconfont圖標(biāo)以及使用方式的相關(guān)資料,需要的朋友可以參考下2022-11-11js實(shí)現(xiàn)公告自動(dòng)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)公告自動(dòng)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05JavaScript封裝axios的實(shí)現(xiàn)詳解
這篇文章主要介紹了JavaScript封裝axios的實(shí)現(xiàn),Axios是一個(gè)開(kāi)放源代碼庫(kù),使我們可以輕松地發(fā)出HTTP請(qǐng)求。 實(shí)際上,它是通過(guò)額外的超能力來(lái)fetch2022-09-09JS使用Promise控制請(qǐng)求并發(fā)數(shù)
現(xiàn)在面試過(guò)程當(dāng)中 ,手寫題必然是少不了的,其中碰到比較多的無(wú)非就是當(dāng)屬 請(qǐng)求并發(fā)控制了,所以本文為大家整理了JS使用Promise控制請(qǐng)求并發(fā)數(shù)的示例代碼,希望對(duì)大家有所幫助2023-05-05使用JS調(diào)用工控機(jī)(Windows)虛擬鍵盤
在工控機(jī)觸摸屏中,通過(guò)瀏覽器web端進(jìn)行表單輸入,當(dāng)聚焦表單輸入框并不會(huì)出現(xiàn)虛擬鍵盤進(jìn)行輸入,本文介紹將給大家介紹如何通過(guò)js調(diào)用工控機(jī)(Windows)虛擬鍵盤,文中通過(guò)代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01