Bootstrap CSS布局之图像


Posted in Javascript onDecember 17, 2016

本文大家分享了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%;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
基于jQuery实现下拉框
Nov 24 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
基于jQuery实现简单人工智能聊天室
Feb 10 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
vue-openlayers实现地图坐标弹框效果
Sep 24 Javascript
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
Bootstrap CSS布局之按钮
Dec 17 #Javascript
Bootstrap CSS布局之表单
Dec 17 #Javascript
Bootstrap CSS布局之表格
Dec 17 #Javascript
Bootstrap CSS布局之代码
Dec 17 #Javascript
基于js实现二级下拉联动
Dec 17 #Javascript
文件上传的几个示例分享【推荐】
Dec 16 #Javascript
JavaScript实现格式化字符串函数String.format
Dec 16 #Javascript
You might like
谈谈新手如何学习PHP
2006/12/14 PHP
分享PHP入门的学习方法
2007/01/02 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
javascript 面向对象思想 附源码
2009/07/07 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
Bootstrap前端开发案例一
2016/06/17 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
微信小程序将字符串生成二维码图片的操作方法
2018/07/17 Javascript
搭建vue开发环境
2018/07/19 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
这样回答继承可能面试官更满意
2019/12/10 Javascript
打开电脑上的QQ的python代码
2013/02/10 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
python妙用之编码的转换详解
2017/04/21 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
Python多继承原理与用法示例
2018/08/23 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
python3 线性回归验证方法
2019/07/09 Python
Django实现跨域的2种方法
2019/07/31 Python
Python @property原理解析和用法实例
2020/02/11 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
python 实现图片批量压缩的示例
2020/12/18 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
学期自我鉴定范文
2013/10/01 职场文书
银行门卫岗位职责
2013/12/29 职场文书
上课迟到检讨书
2014/02/19 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
高考诚信考试承诺书
2015/04/29 职场文书
演讲开场白台词大全
2015/05/29 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
把77A收信机改造成收音机
2022/04/05 无线电