日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

BootStrap笔记-按钮相关

發布時間:2025/3/15 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 BootStrap笔记-按钮相关 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

程序運行截圖如下:

源碼如下:

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>CN_TEST1</title><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- bootstrap css核心文件--><link rel="stylesheet" href="bootstrap-4.4.1-dist/css/bootstrap.min.css"> <!-- bootstrap使用到了jquery,需要提前引用--><script src="js/jquery-3.5.1.min.js"></script> <!-- 彈窗、提示、下拉菜單--><script src="bootstrap-4.4.1-dist/js/bootstrap.bundle.js"></script> <!-- bootstrap核心文件--><script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script></head> <body><div class="container-fluid"><button type="button" class="btn">btn按鈕</button><button type="button" class="btn btn-primary">btn-primary按鈕</button><button type="button" class="btn btn-secondary">btn-secondary按鈕</button><button type="button" class="btn btn-success">btn-success按鈕</button><button type="button" class="btn btn-info">btn-info按鈕</button><button type="button" class="btn btn-warning">btn-warning按鈕</button><button type="button" class="btn btn-dark">btn-dark按鈕</button><button type="button" class="btn btn-light">btn-light按鈕</button><button type="button" class="btn btn-link">btn-link按鈕</button><br/><button type="button" class="btn">btn按鈕</button><button type="button" class="btn btn-outline-primary">btn-primary按鈕</button><button type="button" class="btn btn-outline-secondary">btn-secondary按鈕</button><button type="button" class="btn btn-outline-success">btn-success按鈕</button><button type="button" class="btn btn-outline-info">btn-info按鈕</button><button type="button" class="btn btn-outline-warning">btn-warning按鈕</button><button type="button" class="btn btn-outline-dark">btn-dark按鈕</button><button type="button" class="btn btn-outline-light">btn-light按鈕</button><button type="button" class="btn btn-outline-link">btn-link按鈕</button><br/><button type="button" class="btn">btn按鈕</button><button type="button" class="btn btn-outline-primary btn-lg">btn-primary按鈕</button><button type="button" class="btn btn-outline-secondary btn-lg">btn-secondary按鈕</button><button type="button" class="btn btn-outline-success btn-lg">btn-success按鈕</button><button type="button" class="btn btn-outline-info btn-lg">btn-info按鈕</button><button type="button" class="btn btn-outline-warning btn-lg">btn-warning按鈕</button><button type="button" class="btn btn-outline-dark btn-lg">btn-dark按鈕</button><button type="button" class="btn btn-outline-light btn-lg">btn-light按鈕</button><button type="button" class="btn btn-outline-link btn-lg">btn-link按鈕</button><br/><button type="button" class="btn">btn按鈕</button><button type="button" class="btn btn-outline-primary btn-lg btn-block">btn-primary按鈕</button><button type="button" class="btn btn-outline-secondary btn-lg btn-block">btn-secondary按鈕</button><button type="button" class="btn btn-outline-success btn-lg btn-block">btn-success按鈕</button><button type="button" class="btn btn-outline-info btn-lg btn-block">btn-info按鈕</button><button type="button" class="btn btn-outline-warning btn-lg btn-block">btn-warning按鈕</button><button type="button" class="btn btn-outline-dark btn-lg btn-block">btn-dark按鈕</button><button type="button" class="btn btn-outline-light btn-lg btn-block">btn-light按鈕</button><button type="button" class="btn btn-outline-link btn-lg btn-block">btn-link按鈕</button><br/><button type="button" class="btn btn-outline-primary btn-lg btn-block active">btn-primary按鈕</button><button type="button" class="btn btn-outline-secondary btn-lg btn-block" disabled>btn-secondary按鈕</button><br/><button class="btn btn-primary"><span class="spinner-border spinner-border-sm"></span></button><button class="btn btn-primary"><span class="spinner-border spinner-border-sm"></span>Loading...</button><button class="btn btn-primary"><span class="spinner-grow spinner-grow-sm"></span>Loading...</button></div> </body> </html>

解釋:

①span中的一個類是spinner-border和sprnner-graw分別代表的效果:

②使用BootStrap的button屬性時,要用btn類,后面再接各種不同的類樣式。

總結

以上是生活随笔為你收集整理的BootStrap笔记-按钮相关的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 日韩一二三级 | 波多在线播放 | 色偷偷av一区二区三区 | av中文一区 | 九色蝌蚪9l视频蝌蚪9l视频 | 很黄的网站在线观看 | 欧美成人三级在线播放 | 黄色视屏在线免费观看 | 日本肉体xxxⅹ裸体交 | 久久人妻一区二区 | 亚洲男同视频 | 一级片观看 | 国产在线视频网址 | 国产欧美精品久久 | 天堂在线中文字幕 | 中国女人内精69xxxxxx | 男人添女人下部高潮全视频 | 婷婷在线播放 | 天堂免费在线视频 | 最近的中文字幕 | 影音先锋丝袜制服 | 天天色天天色天天色 | 亚洲人xxx日本人18 | 精品无码久久久久久国产 | 日本五十路女优 | 日本一区二区免费在线观看 | 又黄又色又爽的视频 | 日日日插插插 | 国产三级日本三级在线播放 | 欧美一区二区三区精品 | 日本福利一区二区三区 | 亚洲AV不卡无码一区二区三区 | 久久久无码一区二区三区 | 日本熟妇一区二区三区四区 | 激情都市一区二区 | 亚洲免费观看高清在线观看 | 久久久久久久久久一区二区 | 国产日韩欧美另类 | 不良视频在线观看 | 国产激情无码一区二区三区 | 日本久久不卡 | 成人欧美一区二区三区黑人 | 粉嫩av一区二区三区天美传媒 | 午夜人体视频 | 可以免费看av | 亚洲人体av | 视频一区二区欧美 | 巨胸大乳www视频免费观看 | 国产欧美三级 | 一级特黄aaa| 日韩在线观看免费av | 日本在线看 | 日韩成人午夜影院 | 扒开伸进免费视频 | 久久久久久久久99精品 | 不卡中文av | 亚洲男人第一天堂 | 一级黄色短视频 | 久久99精品久久久水蜜桃 | 久久久全国免费视频 | a资源在线 | 久久久久亚洲AV成人无在 | 欧美一级片免费在线观看 | 五月天色小说 | 久久五月网 | 日本不卡视频在线播放 | 黑人日批视频 | 极品少妇视频 | 亚洲视频国产精品 | 成人夜视频| 亚洲天堂2016 | 亚洲自拍三区 | 日本午夜一区二区三区 | 日产亚洲一区二区三区 | 国产视频第一页 | 日韩中文字幕国产 | 久久9999久久免费精品国产 | 五月婷婷网站 | 亚洲精品在线观 | 亚洲黄色小说网 | 日韩一区二区视频在线 | 手机看片日韩国产 | 亲女禁h啪啪宫交 | 十八禁视频网站在线观看 | 精品国产制服丝袜高跟 | 亚洲AV无码精品一区二区三区 | 亚洲少妇第一页 | 亚洲视频一区 | 99精品久久久久久久 | 99精品一级欧美片免费播放 | 向着小小的花蕾绽放 | 亚洲一级免费视频 | 在线观看wwww | 日韩一级特黄 | 超碰2023 | 欧美成人r级一区二区三区 中文无码一区二区三区在线观看 | 日韩aa视频| 久久3p| 女同性做爰全过程 |