Bootstrap CSS布局之图像

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:qrmGP all .2s ease-in-ouqrmGPt;

transitiohttp://n: all .2s ease-in-out;

}

.img-circle {

border-radius: 50%;

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。