Bootstrap 按鈕樣式與使用代碼詳解
更新時(shí)間：2018年12月09日 14:19:16 作者：在代碼的世界里游走
這篇文章主要介紹了Bootstrap -- 按鈕樣式與使用，本文通過(guò)實(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 按鈕樣式與使用代碼詳解，希望對(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-11
這篇文章主要介紹了微信小程序數(shù)字滾動(dòng)插件的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-02-02
document.designMode的功能與使用方法介紹...2007-11-11
js實(shí)現(xiàn)公告自動(dòng)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)公告自動(dòng)滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript封裝axios的實(shí)現(xiàn)詳解
這篇文章主要介紹了JavaScript封裝axios的實(shí)現(xiàn)，Axios是一個(gè)開(kāi)放源代碼庫(kù)，使我們可以輕松地發(fā)出HTTP請(qǐng)求。 實(shí)際上，它是通過(guò)額外的超能力來(lái)fetch2022-09-09
通過(guò)JS獲取用戶本地圖片路徑并顯示的代碼，多用于本地上傳圖片的預(yù)覽效果2012-02-02
JS使用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
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單封裝js的dom查詢實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
使用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
這篇文章主要簡(jiǎn)單介紹了Javascript數(shù)組與字典,需要的朋友可以參考下2015-01-01