Bootstrap CSS布局之图像
更新时间：2016年12月17日 10:43:52 作者：github_34514750
这篇文章主要介为大家详细绍了Bootstrap CSS布局之图像的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文大家分享了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%;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
这篇文章主要介绍了js使用文档就绪函数动态改变页面内容,结合实例形式分析了JavaScript使用innerHTML、innerText函数动态操作页面元素相关使用技巧,需要的朋友可以参考下2019-11-11
本篇文章主要介绍了javascript实现数据双向绑定的三种方式小结，前端的视图层和数据层有时需要实现双向绑定，目前实现数据双向绑定主要有三种，有兴趣的可以了解一下。2017-03-03
这篇文章主要介绍了JS根据生日月份和日期计算星座的简单实现方法,涉及javascript日期时间与字符串操作相关技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了js如何编写简单的ajax方法库，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
ECMAScript中var let const常见问题及区别详解
这篇文章主要为大家介绍了ECMAScript中var let const常见问题及区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
做音乐播放器小程序时,因为swiper的问题耽误不少时间,所以下面这篇文章主要给大家介绍了关于uni-app使用swiper实现轮播图的相关资料,需要的朋友可以参考下2022-11-11
这篇文章主要给大家介绍了关于JavaScript中遍历跳出循环方法的相关资料,一想到想到循环的跳出,立马就会想到三个关键,break、return、continue,在业务中也会需要在遍历的时候退出循环,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了使用原生javascript实现图片滚动、延时加载功能，思路与方法均分享给大家，希望对大家能有所帮助。2015-01-01
原型(prototype)定义了特定类型的所有实例都可以访问的属性和方法，很多些情况下需要重新对原型中的属性赋值，下面为大家介绍下如何修改原型2014-01-01
第一种方法:基于HTML5 input标签的新特性 - placeholder 。另外，x-webkit-speech 属性可以实现语音输入功能;第二种方法： 用span模拟，定位span，借助JS键盘事件判断输入，确定span里的内容显示隐藏2013-03-03
最新评论