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

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

24.縮略圖與警告框

2024-04-27 15:14:21
字體：大 中 小
來源：轉載
供稿：網友
<!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>Bootstrap</title> <link rel="stylesheet" href="CSS/bootstrap.css" /></head><body> <div class="container"> <div class="row"> <div class="col-lg-3"><!--thumbnail為縮略圖,外圍加了邊框并變為圓角--> <a class="thumbnail"> <img src="../logo.jpg"/> </a> </div> <div class="col-lg-3"> <a class="thumbnail"> <img src="../logo.jpg"/> </a> </div> <div class="col-lg-3"> <a class="thumbnail"> <img src="../logo.jpg"/> </a> </div> <div class="col-lg-3"> <a class="thumbnail"> <img src="../logo.jpg"/> </a> </div> </div> <div class="row"> <div class="col-lg-4"> <div class="thumbnail"><!--給父級加上thumbnail--> <a > <img src="../logo.jpg"/> </a> <div class="caption"><!--可以增加圖片與文字之間的距離--> <h3>水果</h3> <p>蘋果梨橘子葡萄柚子香蕉蘋果梨橘子葡萄柚子香蕉</p> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <p class="alert alert-danger">這里是一個警告框！！！<button class="close" data-dismiss="alert">&times;</button></p><!--data-dismiss="alert"使其與js進行交互--> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script></body></html>

這里寫圖片描述

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 蚌埠市| 华宁县| 绥宁县| 陆河县| 嘉善县| 霍邱县| 襄城县| 汾阳市| 巴中市| 湖南省| 青铜峡市| 西平县| 五指山市| 阿拉尔市| 高邮市| 富阳市| 石林| 鄯善县| 三台县| 万年县| 东港市| 怀来县| 鄂尔多斯市| 华容县| 宁强县| 达州市| 色达县| 东城区| 锡林浩特市| 中西区| 建德市| 通江县| 方城县| 宁陵县| 池州市| 民乐县| 宜黄县| 临沂市| 基隆市| 万载县| 綦江县|