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

這里寫圖片描述

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 洛阳市| 河南省| 勐海县| 确山县| 齐河县| 青海省| 黄龙县| 潢川县| 陕西省| 云安县| 深圳市| 汝南县| 武安市| 平乡县| 成安县| 平舆县| 华蓥市| 福安市| 大埔区| 安吉县| 昌吉市| 塔河县| 上栗县| 屏东县| 海城市| 泰顺县| 郓城县| 开鲁县| 兴和县| 久治县| 满洲里市| 新乡市| 尚志市| 安义县| 海南省| 友谊县| 固安县| 双牌县| 平罗县| 城固县| 洛隆县|