本文大家分享了Bootstrap CSS布局之图像，供大家参考，具体内容如下

img-rounded、img-circle、img-thumbnail(缩放图模式)

//源码
img {
 vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 display: block;
 max-width: 100%;
 height: auto;
}
.img-rounded {
 border-radius: 6px;
}
//缩略图模式
.img-thumbnail {
 display: inline-block;
 max-width: 100%;
 height: auto;
 padding: 4px;
 line-height: 1.42857143;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}
.img-circle {
 border-radius: 50%;
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Bootstrap  # CSS布局  # 图像  # Bootstrap CSS布局之按钮  # Bootstrap CSS布局之表单  # Bootstrap CSS布局之表格  # Bootstrap CSS布局之代码  # Bootstrap CSS布局之列表  # Bootstrap每天必学之栅格系统（布局）  # bootstrap布局中input输入框右侧图标点击功能  # 值得分享的最全面Bootstrap快速人门案例  # 值得分享和收藏的Bootstrap学习教程  # 大家分享  # 具体内容  # 大家多多  # align  # middle  # vertical  # brush  # css  # item  # display  # carousel  # responsive  # gt  # img 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  Internet Explorer官网直接进入 IE浏览器在线体验版网址  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何实现建站之星域名转发设置？  Laravel怎么为数据库表字段添加索引以优化查询  php打包exe后无法访问网络共享_共享权限设置方法【教程】  制作旅游网站html,怎样注册旅游网站？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  公司门户网站制作流程,华为官网怎么做？  Laravel怎么判断请求类型_Laravel Request isMethod用法  nginx修改上传文件大小限制的方法  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  如何在 React 中条件性地遍历数组并渲染元素  悟空浏览器如何设置小说背景色_悟空浏览器背景色设置【方法】  如何在万网开始建站？分步指南解析  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  如何在Tomcat中配置并部署网站项目？  android nfc常用标签读取总结  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  如何撰写建站申请书？关键要点有哪些？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  Swift开发中switch语句值绑定模式  Linux系统命令中screen命令详解  如何用PHP工具快速搭建高效网站？  Python数据仓库与ETL构建实战_Airflow调度流程详解  如何用景安虚拟主机手机版绑定域名建站？  java ZXing生成二维码及条码实例分享  动图在线制作网站有哪些,滑动动图图集怎么做？  如何获取免费开源的自助建站系统源码？  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  如何用已有域名快速搭建网站？  微信小程序 canvas开发实例及注意事项  网站制作价目表怎么做,珍爱网婚介费用多少？  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  如何用PHP快速搭建高效网站？分步指南  如何在IIS7中新建站点？详细步骤解析  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  香港服务器租用费用高吗？如何避免常见误区？  浅述节点的创建及常见功能的实现  如何在橙子建站上传落地页？操作指南详解  Laravel如何创建自定义中间件？（Middleware代码示例）  laravel怎么为应用开启和关闭维护模式_laravel应用维护模式开启与关闭方法  如何在企业微信快速生成手机电脑官网？