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 相关文章推荐
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
js函数内变量的作用域分析
Jan 12 Javascript
基于jquery实现三级下拉菜单
May 10 Javascript
基于Vue2的移动端开发环境搭建详解
Nov 03 Javascript
JS完成画圆圈的小球
Mar 07 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
Jan 07 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
Mar 08 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
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页面防重复提交方法总结
2013/11/25 PHP
初识laravel5
2015/03/02 PHP
解决PHP里大量数据循环时内存耗尽的方法
2015/10/10 PHP
详解PHP中instanceof关键字及instanceof关键字有什么作用
2015/11/05 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
jQuery 如何给Carousel插件添加新的功能
2016/04/18 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
vue全局自定义指令-元素拖拽的实现代码
2019/04/14 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
python 解析XML python模块xml.dom解析xml实例代码
2014/02/07 Python
基于循环神经网络(RNN)实现影评情感分类
2018/03/26 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
pytorch实现用CNN和LSTM对文本进行分类方式
2020/01/08 Python
python中的时区问题
2021/01/14 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
YSL Beauty加拿大官方商城:圣罗兰美妆加拿大
2017/05/15 全球购物
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
以特惠价提供在线奢侈品购物:FRMODA.com
2018/01/25 全球购物
汉森批发:Hansen Wholesale
2018/05/24 全球购物
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
为什么要用EJB
2014/04/17 面试题
机电一体化大学生求职信
2013/11/08 职场文书
环卫处个人工作总结
2015/03/04 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书