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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
js调用activeX获取u盘序列号的代码
Nov 21 Javascript
统计jQuery中各字符串出现次数的工具
May 03 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
Jun 23 Javascript
详解jQuery中的事件
Dec 14 Javascript
详谈$.data()的用法和作用
Feb 13 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
nuxt踩坑之Vuex状态树的模块方式使用详解
Sep 06 Javascript
JavaScript中继承原理与用法实例入门
May 09 Javascript
浅谈javascript事件环微任务和宏任务队列原理
Sep 12 Javascript
react国际化react-intl的使用
May 06 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生成自己的LOG文件
2006/10/09 PHP
PHP使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
解析javascript 实用函数的使用详解
2013/05/10 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
[02:05]2014DOTA2西雅图国际邀请赛 BBC第二天小组赛总结
2014/07/11 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
python time.sleep()是睡眠线程还是进程
2019/07/09 Python
Python 中list ,set,dict的大规模查找效率对比详解
2019/10/11 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
详解Python流程控制语句
2020/10/28 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
Javascript如何发送一个Ajax请求
2015/01/26 面试题
实习护士自荐信
2014/06/21 职场文书
行政前台岗位职责
2015/04/16 职场文书
搬迁通知
2015/04/20 职场文书
2022漫威和DC电影上映作品
2022/04/05 欧美动漫