国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

33.單個的折疊菜單

2024-04-27 15:18:29
字體：大 中 小
來源：轉載
供稿：網友
<!doctype html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="CSS/bootstrap.css"/> </head> <body> <!--1.給要點擊的元素添加一個data-toggle="collapse"屬性,并且需要添加一個data-target="#對應區域的id或class 2.給對應內容區域添加一個id或者class，與點擊的元素相對應"--> <div class="container"> <div class="row"> <div class="col-lg-5"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> <a href="#" data-toggle="collapse" data-target="#con">海棠學院</a> </h3> </div> <div id="con" class="in"><!--給這個父級的div一個class="in",使內容一點擊使收回去的,而不是先回去再展開--> <div class="panel-body"> 專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計專注前端設計 </div> </div> </div> </div> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script> </body></html>

單擊前： 這里寫圖片描述 單擊后： 這里寫圖片描述

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 正镶白旗| 青阳县| 呼图壁县| 蛟河市| 新绛县| 南丹县| 安康市| 茂名市| 红桥区| 都昌县| 南阳市| 班戈县| 大埔区| 南阳市| 嘉鱼县| 康定县| 邢台县| 隆安县| 津市市| 鸡东县| 饶阳县| 武清区| 磐安县| 湖州市| 祥云县| 南宁市| 关岭| 南城县| 德令哈市| 灵山县| 历史| 盖州市| 吴江市| 清新县| 乡城县| 牡丹江市| 赤峰市| 丰都县| 永济市| 吉林省| 雅江县|