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

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 运维知识 > 数据库 >内容正文

数据库

Bootstrap4+MySQL前后端综合实训-Day03-AM【折叠、模态框】

發布時間:2024/9/30 数据库 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Bootstrap4+MySQL前后端综合实训-Day03-AM【折叠、模态框】 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

【Bootstrap4前端框架+MySQL數據庫】前后端綜合實訓【10天課程 博客匯總表 詳細筆記】

目 ? 錄

折疊

菜鳥教程——Bootstrap——折疊

模態框

菜鳥教程——Bootstrap——模態框


折疊

菜鳥教程——Bootstrap——折疊

? ?

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><!-- 新 Bootstrap4 核心 CSS 文件 --><link rel="stylesheet" href="bootstrap4/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" /><!-- jQuery文件。務必在bootstrap.min.js 之前引入 --><script src="jquery/jquery.min.js"></script><!-- bootstrap.bundle.min.js 用于彈窗、提示、下拉菜單,包含了 popper.min.js --><script src="js/popper.min.js"></script><!-- 最新的 Bootstrap4 核心 JavaScript 文件 --><script src="bootstrap4/js/bootstrap.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>手風琴特效</title><style type="text/css">.second-nav>li {padding-left: 50px;}</style></head><body><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">簡單的折疊</button><div id="demo" class="collapse">Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div><ul class="list-group first-nav"><li class="list-group-item bg-danger" data-toggle="collapse" data-target="#demo1">First item</li><ul class="list-group second-nav collapse" id="demo1"><li class="list-group-item bg-info">First item</li><li class="list-group-item bg-info">Second item</li><li class="list-group-item bg-info">Third item</li></ul><li class="list-group-item bg-danger">Second item</li><li class="list-group-item bg-danger" data-toggle="collapse" data-target="#demo2">Third item</li><ul class="list-group second-nav collapse" id="demo2"><li class="list-group-item bg-info">First item</li><li class="list-group-item bg-info">Second item</li><li class="list-group-item bg-info">Third item</li></ul></ul></body> </html>

模態框

菜鳥教程——Bootstrap——模態框

? ?

????

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title><!-- 新 Bootstrap4 核心 CSS 文件 --><link rel="stylesheet" href="bootstrap4/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" /><!-- jQuery文件。務必在bootstrap.min.js 之前引入 --><script src="jquery/jquery.min.js"></script><!-- bootstrap.bundle.min.js 用于彈窗、提示、下拉菜單,包含了 popper.min.js --><script src="js/popper.min.js"></script><!-- 最新的 Bootstrap4 核心 JavaScript 文件 --><script src="bootstrap4/js/bootstrap.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><title>bootstrap入門</title><style type="text/css"></style></head><body><button class="btn btn-warning" data-toggle="modal" data-target="#editUser">顯示模態框</button><!-- 模態框 --><div class="modal fade" id="editUser"><div class="modal-dialog"><div class="modal-content"><!-- 模態框頭部 --><div class="modal-header bg-info"><h4 class="modal-title">編輯學生</h4></div><!-- 模態框主體 --><div class="modal-body">111</div><!-- 模態框底部 --><div class="modal-footer"><button type="button" class="btn btn-info" data-dismiss="modal">確定</button><button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button></div></div></div></div></body> </html>

今天上午,老師沒講課——讓做昨天布置的兩個頁面。

總結

以上是生活随笔為你收集整理的Bootstrap4+MySQL前后端综合实训-Day03-AM【折叠、模态框】的全部內容,希望文章能夠幫你解決所遇到的問題。

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

主站蜘蛛池模板: 日韩爱爱片 | 蜜桃久久久久久 | 91综合在线 | 丰满岳妇乱一区二区三区 | 午夜成人在线视频 | 911看片| 国产一区二区视频在线观看 | 久久精品视频免费 | 欧美性猛交7777777 | 11孩岁女毛片 | 国产在线不卡视频 | 色婷婷狠狠操 | av操操 | 欧美日韩国产传媒 | 亚洲毛片在线播放 | 91在线视频网址 | 精品少妇人妻一区二区黑料社区 | 黄色录像a级片 | 亚洲资源在线观看 | 日本男人天堂网 | 天天射av | 精品人伦一区二区三区蜜桃免费 | 亚洲九九热 | 午夜久久久久久久久久久 | 久久国产精品偷 | 最近中文字幕在线mv视频在线 | 欧美色图30p | 四虎最新站名点击进入 | 天天澡天天狠天天天做 | 欧美高清在线视频 | 中文字幕五区 | 少妇的激情 | 一级黄色片国产 | 日本www在线观看 | 男人天堂你懂的 | 午夜精品视频在线观看 | 激情亚洲 | 91超碰人人| 欧美妞干网 | 伊人免费在线观看高清版 | 极品少妇在线观看 | 国产精品永久在线观看 | 久久久久一区二区精码av少妇 | 免费在线观看小视频 | 又欲又污又肉又黄短文 | 狠狠干天天色 | 撸大师av| 色福利视频| 六月丁香婷婷综合 | av巨作 | 亚洲日b视频 | 午夜精彩视频 | 国产精品久久久久久免费观看 | 樱花动漫无圣光 | 青青草公开视频 | 亚洲一二三不卡 | 美女又爽又黄 | 丝袜诱惑一区 | 一级特黄肉体裸片 | av黄色av| 色欲av无码一区二区三区 | 人人色网 | 久久久无码一区二区三区 | 国产在线1区| 99热这里只有精品3 成年人黄色网址 | 岛国精品 | 中文字幕www| 婚后打屁股高h1v1调教 | 人妻精品一区二区在线 | 成人里番精品一区二区 | 强伦轩人妻一区二区电影 | 婷婷丁香一区二区三区 | 五十路中文字幕 | 亚洲精品在线观看视频 | 日本少妇久久 | 免费在线观看一区二区三区 | 欧美日韩一区二区三区在线视频 | 成年人在线观看网站 | 97在线观看视频免费 | 国产成人在线播放视频 | 久久九精品 | 99热这里只有精品久久 | 131美女爱做视频 | 婷婷91 | 美国少妇在线观看免费 | 天天干夜操 | 久久久久爱 | 欧美啪视频 | 中文字幕精品一区二区三区视频 | 一区二区三区日韩精品 | 校园春色在线观看 | 日韩美女做爰高潮免费 | 国产第一页在线观看 | 射死你天天日 | 成熟女人毛片www免费版在线 | 欧美精品一区二区三区蜜臀 | 超碰人人超碰 | 国产成人一区二区三区电影 | 亚洲美女屁股眼交3 |