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%;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短