Bootstrap CSS布局之图像
本文大家分享了BootstrapCSS布局之图像，供大家参考，具体内容如下
img-rounded、img-circle、img-thumbnail(缩放图模式)
//源码
img{
vertical-align:middle;
}
.img-responsive,
.thumbnail>img,
.thumbnaila>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:1pxsolid#ddd;
border-radius:4px;
-webkit-transition:all.2sease-in-out;
-o-transition:all.2sease-in-out;
transition:all.2sease-in-out;
}
.img-circle{
border-radius:50%;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。