国产探花免费观看_亚洲丰满少妇自慰呻吟_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>

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 同江市| 内丘县| 鹤岗市| 铜鼓县| 个旧市| 海原县| 赞皇县| 井陉县| 临澧县| 莱州市| 京山县| 盐源县| 任丘市| 明溪县| 济宁市| 宣恩县| 噶尔县| 桐柏县| 长阳| 湛江市| 翼城县| 彝良县| 漯河市| 张掖市| 鹤壁市| 宣化县| 石首市| 陇南市| 三江| 富平县| 施秉县| 榆林市| 大悟县| 营口市| 平南县| 凤阳县| 贞丰县| 延长县| 腾冲县| 什邡市| 南华县|