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 出阁宴祝福语姐姐简短