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 Event学习第十一章 按键的检测
Feb 10 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
Dec 08 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
微信小程序实现带缩略图轮播效果
Nov 04 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
javascript实现下拉菜单效果
Feb 09 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
德生PL330测评
2021/03/02 无线电
PHP中$_SERVER的详细参数与说明
2008/07/29 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php实现RSA加密类实例
2015/03/26 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
Javascript 解疑
2009/11/11 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
vue省市区三联动下拉选择组件的实现
2017/04/28 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
JavaScript实现多文件下载方法解析
2020/08/07 Javascript
javascript实现左右缓动动画函数
2020/11/25 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python实现简单的可逆加密程序实例
2015/03/05 Python
Python 错误和异常代码详解
2018/01/29 Python
详解Python with/as使用说明
2018/12/13 Python
Python中super函数用法实例分析
2019/03/18 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
python 实现查询Neo4j多节点的多层关系
2019/12/23 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
python中封包建立过程实例
2021/02/18 Python
手把手教你用Django执行原生SQL的方法
2021/02/18 Python
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
LINUX下线程,GDI类的解释
2016/12/14 面试题
就业协议书范本
2014/04/11 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang