BootStrap笔记-img相关
程序运行截图如下:
代码如下:
<!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即可。
BootStrap笔记-img相关相关推荐
- BootStrap笔记-按钮相关
程序运行截图如下: 源码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
- BootStrap笔记参考(全)-优极限
目录 BootStrap 1.主要内容 2.BootStrap的安装和使用 2.1BootStrap介绍 2.2BootStrap特点 2.3下载与使用 3.布局容器和栅格网格系统 3.1布局容器 3 ...
- python教程400集笔记,Python学习中的笔记--集合相关,python笔记--集合
Python学习中的笔记--集合相关,python笔记--集合 集合的基本操作 一.可修改的集合set 创建集合 var = set() var = {'a','b','c','d'} 成员检测 va ...
- 算法笔记——数学相关
算法笔记--数学相关 高精度 乘法逆元 排列组合 二项式定理 质数的判定和应用 约数 拓展欧几里得 大步小步算法(BSGS) 拓展大步小步算法 快速乘和快速幂 矩阵相关 欧拉函数 欧拉定理及费马小定理 ...
- 好记性不如烂笔头-linux学习笔记4apache相关知识
好记性不如烂笔头-linux学习笔记4apache相关知识 apache 启动有2种模式 1是prefork模式,每个进程对应一个线程,如果是比较稳定的平台,那么prefork模式是worker模式 ...
- Reeds-Shepp曲线学习笔记及相关思考
本篇博客主要记录在学习Reeds-Shepp曲线过程中的笔记及相关思考和概括总结 一.主要参考资料 1.提出Reeds-Shepp曲线的原始论文:[点击此处跳转] 2.路径规 ...
- Dubins曲线学习笔记及相关思考
本篇博客主要记录在学习Dubins曲线过程中的笔记及相关思考和概括总结 一.主要参考资料 1.Andy G's Blog:[点击此处跳转] 2.Andy G's Blog的P ...
- BootStrap笔记-文字排版
如下代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
- 肝移植笔记3:相关论文汇总
找计算机方面,医学方面的好期刊发表交叉学科论文 医学方面期刊 cell, cancer, lancet, journal of clinical medicine 国内去知网看看,带中国.中华开头的杂 ...
最新文章
- 简单动画函数封装及缓动效果
- java 线程组作用_Java线程组(ThreadGroup)使用
- HUE与HDFS的集成
- CentOS6编译装载nbd模块
- 蓝桥杯2019年第十届C/C++省赛B组第九题-后缀表达式
- 智能卡检测控制系统检测m1这么操作_多联机制冷剂灌注操作方法
- 阿里巴巴Java编程规范试题答案
- 洛谷 2184 贪婪大陆
- 中国多媒体与网络教学学报杂志中国多媒体与网络教学学报杂志社中国多媒体与网络教学学报编辑部2022年第6期目录
- 新拉下来的vue项目怎么跑起来?
- 如何在CentOS 8上安装Docker
- 免杀技术有一套(免杀方法大集结)(Anti-AntiVirus)
- 3D塔防游戏实现 5.2 3D怪物死亡(Feekood语言)
- Oracle Datapump实验
- 你改变不了环境,但你可以改变自己
- 平板电脑服务器的安装系统安装系统安装系统,苹果平板电脑怎么重装系统 苹果平板电脑重装系统方法【详解】...
- 基于云开发的二手书交易微信小程序
- 硅谷巨头千亿市值蒸发,科技泡沫要破?创业者该如何过冬?
- python实现逐步回归_Python怎么做逐步回归?
- 【Angular 基础入门】——知识点整合
热门文章
- [Selenium] 操作新弹出窗口之验证标题和内容
- 【CentOS】NFS服务器的安装与配置
- 您对无法重新创建的表进行了更改或者启用了“阻止保存要求重新创建表的更改”选项...
- 可到了关键部分的作文
- 程序员谈谈我的职场观(一)
- you just 飞鸽传书2007绿色版 ever day for two years
- 最简单的NamedPiep程序[秋镇菜]-初学者看看
- 面向对象编程的两顶帽子
- 前端工程师,会是一群高情商的程序猿
- remmima 不能保存_Vue项目实现表单登录页保存账号和密码到cookie功能_婳祎_前端开发者...