BootStrap笔记-img相关
生活随笔
收集整理的這篇文章主要介紹了
BootStrap笔记-img相关
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
程序運行截圖如下：
代碼如下：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>CN_TEST1</title><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- bootstrap css核心文件--><link rel="stylesheet" href="bootstrap-4.4.1-dist/css/bootstrap.min.css"> <!-- bootstrap使用到了jquery，需要提前引用--><script src="js/jquery-3.5.1.min.js"></script> <!-- 彈窗、提示、下拉菜單--><script src="bootstrap-4.4.1-dist/js/bootstrap.bundle.js"></script> <!-- bootstrap核心文件--><script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script></head> <body><div class="container-fluid"><img src="pic/it1995.jpg" /><img src="pic/it1995.jpg" class="rounded" /><img src="pic/it1995.jpg" class="rounded-circle" /><img src="pic/it1995.jpg" class="img-thumbnail" /><img src="pic/it1995.jpg" class="float-right" /><img src="pic/it1995.jpg" class="mx-auto d-block" /><img src="pic/it1995.jpg" class="img-fluid" /></div> </body> </html>?解釋：這里關鍵就是配置對應class即可。
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結
以上是生活随笔為你收集整理的BootStrap笔记-img相关的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： PHP笔记-表格及分页功能
- 下一篇： 无刷电调_新款好盈XR10 PRO G2